Skip to main content

OSU Navbar

Component status:Beta
A common element across all university sites. It provides quick links back to the university home page and other central resources.
<div id="osu-navbar" class="bux-osu-nav" role="navigation">
<h2 class="visually-hidden">Ohio State navigation bar</h2>
<div class="bux-container">
<div id="osu-navname-block">
<a class="bux-osu-nav__osu-logo-link" href="https://osu.edu">
<img class="bux-osu-nav__osu-logo-img" src="/link/to/osu-navbar.svg" alt="The Ohio State University" />
</a>
</div>
<div id="osu-navlinks-block">
<input type="checkbox" id="osu-nav-trigger" />
<label for="osu-nav-trigger"><span class="visually-hidden">Show Links</span></label>
<ul id="osu-navlinks" class="bux-osu-nav__links">
<li class="bux-osu-nav__link"><a href="http://buckeyelink.osu.edu/">BuckeyeLink</a></li>
<li class="bux-osu-nav__link"><a href="https://www.osu.edu/findpeople.php">Find People</a></li>
<li class="bux-osu-nav__link"><a href="https://email.osu.edu/">Webmail</a></li>
<li class="bux-osu-nav__link"><a href="https://www.osu.edu/search/">Search Ohio State</a></li>
</ul>
</div>
</div>
</div>