Different styled containers to display your content or be used as a sidebar.
Cards
<div class="radius bordered shadow card">
<div class="card-divider">Styled Card</div>
<div class="card-section">
<h4>This is a card.</h4>
<p>It has an easy to override visual style, and is appropriately subdued.</p>
</div>
</div>
Styled Card
This is a card.
It has an easy to override visual style, and is appropriately subdued.
Styled Card
This is a card.
It has an easy to override visual style, and is appropriately subdued.
Custom Sidebar
<div style="background-color: #a5c8ea33; padding: 30px 30px 30px 30px; border-top: 10px solid #003DA5;">
<h4><span style="color:#003DA5;"><strong>APPLYING TO UCR</strong></span></h4>
<p>The application filing period is now closed. Learn more about applying to UC Riverside here.</p>
</div>
APPLYING TO UCR
The application filing period is now closed. Learn more about applying to UC Riverside here.
DOWNLOAD A FRESHMAN CHECKLIST
Stay on track with a deadline checklist. Download
Rounded Container
CSS
.round-container {
background: #ffffff;
display: block;
padding: 30px;
border-radius: 15px;
height:100%;
}
HTML
<div class="round-container">
<h4><span class="separator-line-gold-after">Request a Site</span></h4>
<p>There is an on-boarding and oversight process when requesting a site that involves an Organization Manager. More details are available for those who seek to move their site into Drupal or need a brand new site within our CMS.</p>
<p><a class="btn-ucr-gold" href="https://websites.ucr.edu/request-site">Request a Website</a></p>
</div>
Request a Site
There is an on-boarding and oversight process when requesting a site that involves an Organization Manager. More details are available for those who seek to move their site into Drupal or need a brand new site within our CMS.
<div style="background-color: #a5c8ea33; padding: 30px 30px 0px 30px; border-left: 3px solid #003DA5;">
<p>“Good design is all about making other designers feel like idiots because that idea wasn’t theirs.”</p>
<p><strong>– Frank Chimero</strong></p>
<p> </p>
</div>
“Good design is all about making other designers feel like idiots because that idea wasn’t theirs.”