UO Header

The UO header provides the standardized top bar for all UO sites and properties, presenting critical links and branding.

Examples and Code

Select example

Open Full Example

<div class="uoheader uowdf-search-dialog--enabled">
  <div class="uoheader__container" style="max-width: px;">
    <div class="uoheader__logo-container">
      <a href="https://www.uoregon.edu?utm_source=banner-module&amp;utm_campaign=banner" rel="home">
        <img src="/uo-logo.svg" alt="University of Oregon">
      </a>
    </div>
    <div class="uoheader__links-container">
      <div class="uoheader__links-background">
        <nav id="banner-links">
          <ul class="uoheader__links">
            <li class="uoheader__link">
              <a href="https://onestop.uoregon.edu?utm_source=banner-module&amp;utm_campaign=banner">One Stop</a>
            </li>
            <li class="uoheader__link">
              <a
                href="https://www.uoregon.edu/admissions-and-financial-aid?utm_source=banner-module&amp;utm_campaign=banner">Apply</a>
            </li>
            <li class="uoheader__link">
              <a href="https://visit.uoregon.edu?utm_source=banner-module&amp;utm_campaign=banner">Visit</a>
            </li>
            <li class="uoheader__link">
              <a
                href="https://giving.uoregon.edu/s/1540/development/start.aspx?gid=2&amp;pgid=61?utm_source=banner-module&amp;utm_campaign=banner">Give</a>
            </li>
          </ul>
        </nav>
      </div>
    </div>
  </div>
</div>

Usage Guidance

The UO header should be provided on page in the exact form of the examples, it should be placed at the very top of the page and not modified with the exception of the apply, visit, and give links.

Elements

Element	Description	Usage	Required	Multiple
Links	Primary Call to Action links (Apply, Visit, Give)	Can be overriden for links specific to your department	Yes	Yes