<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="../../css/bux-styles.css">
<link rel="stylesheet" href="../../system-css/system-styles.css">
<link rel="stylesheet" href="../../templates/templates.css">
</head>
<body>
<nav id="osu-navbar" class="bux-osu-nav" aria-label="Ohio State links">
<div class="bux-osu-nav__overlay"></div>
<div class="bux-osu-nav__wrapper">
<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="/images/osu-logos/navbar/osu-navbar.svg" alt="The Ohio State University Homepage" />
</a>
</div>
<div id="osu-navlinks-block">
<button type="button" id="osu-nav-trigger" aria-controls="osu-navlinks" aria-expanded="false">
<span class="visually-hidden">Show Links</span>
</button>
<ul id="osu-navlinks" aria-labelledby="osu-nav-trigger" class="bux-osu-nav__links">
<li class="bux-osu-nav__link"><a href="https://maps.osu.edu/">Map</a></li>
<li class="bux-osu-nav__link"><a href="http://buckeyelink.osu.edu/">Buckeye Link</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>
</nav>
<div id="masthead" class="bux-header">
<div class="bux-container bux-grid">
<div class="bux-header__col bux-header__col--left bux-grid__cell bux-grid__cell--12 bux-grid__cell--8@md bux-grid__cell--9@xl">
<div class="bux-header__site-name-container">
<div class="bux-header__site-name">
<a href=#>College or unit name here</a>
</div>
</div>
</div>
</div>
</div>
<div class="bux-menu-wrapper">
<div class="bux-container bux-grid bux-container__menu ">
<nav id="bux-main-menu" aria-label="Main Navigation" class="disclosure-nav disclosure-nav-orientation-horizontal">
<ul class="bux-menu">
<li class="bux-menu__item">
<a href="#" class="bux-menu__link bux-menu__link--active disclosure-nav-item-with-submenu disclosure-nav-item-with-submenu">Item 1</a>
<ul class="disclosure-nav-submenu disclosure-nav-submenu-closed">
<li class="bux-menu__item">
<a href="#" class="bux-menu__link
disclosure-nav-item-with-submenu mobile-depth-cutoff">
Item 1.1
</a>
<ul class="disclosure-nav-submenu disclosure-nav-submenu-closed
mobile-visible">
<li class="bux-menu__item">
<a href="#" class="bux-menu__link">Item 1.1</a>
<ul class="disclosure-nav-submenu disclosure-nav-submenu-closed">
<li class="bux-menu__item">
<a href="#" class="bux-menu__link">Item 1.1</a>
<ul class="disclosure-nav-submenu disclosure-nav-submenu-closed">
<li class="bux-menu__item">
<a href="#" class="bux-menu__link">Item 1.1</a>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link">Item 1.2</a>
</li>
</ul>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link">Item 1.2</a>
</li>
</ul>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link">Item 1.2</a>
</li>
</ul>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link
">
Item 1.2
</a>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link
">
Item 1.3
</a>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link
">
Item 1.4
</a>
</li>
</ul>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link disclosure-nav-item-with-submenu disclosure-nav-item-with-submenu">Item 2</a>
<ul class="disclosure-nav-submenu disclosure-nav-submenu-closed">
<li class="bux-menu__item">
<a href="#" class="bux-menu__link
">
Item 2.1
</a>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link
">
Item 2.2
</a>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link
">
Item 2.3
</a>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link
">
Item 2.4
</a>
</li>
</ul>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link">Item 3</a>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link disclosure-nav-item-with-submenu disclosure-nav-item-with-submenu">Item 4</a>
<ul class="disclosure-nav-submenu disclosure-nav-submenu-closed">
<li class="bux-menu__item">
<a href="#" class="bux-menu__link
">
Item 4.1
</a>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link
">
Item 4.2
</a>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link
">
Item 4.3
</a>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link
">
Item 4.4
</a>
</li>
</ul>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link">Item 5</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="main-content">
<div class="bux-container">
<div class="bux-grid">
<div class="bux-grid__cell bux-grid__cell--12@sm bux-grid__cell--3@lg sidebar-rule mobile-hidden">
<div class="bux-grid bux-pad-bottom-sp-24">
<div class="bux-grid__cell bux-grid__cell--12 bux-mar-top-sp-32">
<div class="bux-container bux-container--sidebar-nav bux-container--sidebar-nav__mobile-hidden" expand-active-submenu="true">
<nav id="sidebar-nav" aria-label="Sidebar Navigation" class="disclosure-nav disclosure-nav-orientation-vertical">
<ul class="bux-sidebar-nav">
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link disclosure-nav-item-with-submenu">Item 1</a>
<ul class="disclosure-nav-submenu disclosure-nav-submenu-closed">
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link bux-sidebar-nav__link--active disclosure-nav-item-with-submenu">Item 1.1</a>
<ul class="disclosure-nav-submenu disclosure-nav-submenu-closed">
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.1.1</a>
<ul class="disclosure-nav-submenu disclosure-nav-submenu-closed">
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link disclosure-nav-item-with-submenu">Item 1.1.1.1</a>
<ul class="disclosure-nav-submenu disclosure-nav-submenu-closed">
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.1.1.1.1</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.1.1.1.2</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.1.1.1.3</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.1.1.1.4</a>
</li>
</ul>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.1.1.2</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.1.1.3</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.1.1.4</a>
</li>
</ul>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.1.2</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.1.3</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.1.4</a>
</li>
</ul>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.2</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.3</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.4</a>
</li>
</ul>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link disclosure-nav-item-with-submenu">Item 2</a>
<ul class="disclosure-nav-submenu disclosure-nav-submenu-closed">
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 2.1</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 2.2</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 2.3</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 2.4</a>
</li>
</ul>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 3</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link disclosure-nav-item-with-submenu">Item 4</a>
<ul class="disclosure-nav-submenu disclosure-nav-submenu-closed">
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 4.1</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 4.2</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 4.3</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 4.4</a>
</li>
</ul>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 5</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<div class="bux-grid__cell bux-grid__cell--12@sm bux-grid__cell--9@lg">
<div class="bux-grid bux-pad-bottom-sp-24 bux-mar-top-sp-24">
</div>
</div>
</div>
</div>
</div>
<script src="../../js/bux.min.js"></script>
<script>
const buckeyeAlert = new BuckeyeAlert({
url: 'https://www.osu.edu/feeds/alert-test/feed.rss',
callback: function() {
console.log('The Buckeye Alert callback has been executed.');
},
});
buckeyeAlert.initialize();
</script>
</body>
<footer>
<footer class="bux-footer">
<div class="bux-container bux-grid bux-grid--footer">
<div class="bux-footer__col bux-footer__col--left bux-grid__cell bux-grid__cell--12 bux-grid__cell--5@md">
<div class="bux-footer__logo">
<a href="http://osu.edu" target="_blank">
<img src="/images/osu-logos/horiz/osu-horiz-gray.svg" alt="The Ohio State University" />
</a>
</div>
<div class="bux-footer__contact bux-footer__contact--address">
<p class="bux_footer__site-name">
Office of
Learning Relations Excellence
</p>
<p class="bux_footer__address">100 Building Name</p>
<p class="bux_footer__address">1 Oval Mall</p>
<p class="bux_footer__address">Columbus, OH 43210</p>
</div>
<div class="bux-footer__contact bux-footer__contact--email-phone">
<hr />
<p class="bux_footer__email"><a class="bux-link" href="mailto:email@osu.edu">email@osu.edu</a></p>
<p class="bux_footer__phone"><a class="bux-link" href="tel:614-292-OHIO">Phone: 614-292-OHIO</a></p>
</div>
</div>
<div class="bux-footer__col bux-footer__col--right bux-grid__cell bux-grid__cell--12 bux-grid__cell--7@md">
<div class="bux-footer__social">
<ul class="bux-social-links">
</ul>
</div>
<div class="bux-footer__fine-print">
<div class="bux-footer__ada">
If you have a disability
and experience difficulty accessing this content,
please contact the Digital Accessibility Center
for assistance at <a class="bux-link" href="mailto:accessibility@osu.edu">
accessibility@osu.edu</a> or <a class="bux-link" href="tel:614-292-1760">614-292-1760</a>.
</div>
<div class="bux-footer__links">
<ul>
<li class="bux_footer__link"><a class="bux-link" href="https://go.osu.edu/privacy">Privacy Statement</a></li>
<li class="bux_footer__link"><a class="bux-link" href="https://go.osu.edu/nondiscrimination-notice">Non-discrimination Notice</a></li>
<li class="bux_footer__link"><a id="ot-sdk-btn" class="ot-sdk-show-settings bux-link">Cookie Settings</a></li>
</ul>
</div>
<div class="bux-footer__copyright">© 2025 The Ohio State University</div>
</div>
</div>
</div>
</footer>
</footer>
</html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>{{ title }}</title>
<meta
name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="{{ "/css/bux-styles.css"|path }}">
<link rel="stylesheet" href="{{ "/system-css/system-styles.css"|path }}">
<link rel="stylesheet" href="{{ "/templates/templates.css"|path }}">
</head>
<body>
{% include '@osu-navbar' %}
{% render '@header' %}
{% render '@menu' %}
<div class="main-content">
<div class="bux-container">
<div class="bux-grid">
<div class="bux-grid__cell bux-grid__cell--12@sm bux-grid__cell--3@lg sidebar-rule mobile-hidden">
<div class="bux-grid bux-pad-bottom-sp-24">
<div class="bux-grid__cell bux-grid__cell--12 bux-mar-top-sp-32">
{% render '@sidebar-nav' %}
</div>
</div>
</div>
<div class="bux-grid__cell bux-grid__cell--12@sm bux-grid__cell--9@lg">
<div class="bux-grid bux-pad-bottom-sp-24 bux-mar-top-sp-24">
{{ yield }}
</div>
</div>
</div>
</div>
</div>
<script src="{{ "/js/bux.min.js"|path }}"></script>
<script>
const buckeyeAlert = new BuckeyeAlert({
url: 'https://www.osu.edu/feeds/alert-test/feed.rss',
callback: function() {
console.log('The Buckeye Alert callback has been executed.');
},
});
buckeyeAlert.initialize();
</script>
</body>
<footer>
{% include '@footer' %}
</footer>
</html>
site_name_prefix: Office of
site_name: Learning Relations Excellence
site_slogan: Additional text or site slogan
address_1: 100 Building Name
address_2: 1 Oval Mall
city: Columbus
state: OH
zip: '43210'
contact_email: email@osu.edu
contact_phone: 614-292-OHIO
contact_tty: 614-688-8605
No notes defined.