Breadcrumb

Containers

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.

Request a Website


Quote

<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.”

– Frank Chimero