<!-- Header -->
<header class="header" id="header" data-js-header>
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src='https://www.googletagmanager.com/ns.html?id=GTM-KVMLJ2CW' height='0' width='0' style='display:none;visibility:hidden'></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<a class="
button_bordered
skip_link
" id="skip_main_link" href="#page_header_title">
<span class="button_bordered_inner">
<span class="button_bordered_label">
Skip Main Navigation
</span>
</span>
</a>
<!-- Cookie Notice -->
<div class="cookie_notice" id="cookie_notice_2" data-js-cookie-notice role="dialog" aria-modal="false" aria-labelledby="cookie_notice_2_title" aria-describedby="cookie_notice_2_description">
<div class="cookie_notice_inner">
<div class="cookie_notice_header">
<h2 class="cookie_notice_title" id="cookie_notice_2_title">
Cookie Notice
</h2>
</div>
<div class="cookie_notice_body">
<div class="cookie_notice_description" id="cookie_notice_2_description">
<p>Our website uses <em>cookies</em> to understand how you navigate our content and to give you the <strong>best browsing experience</strong>. View our <a href="#">privacy policy</a>.</p>
</div>
</div>
<div class="cookie_notice_footer">
<div class="cookie_notice_footer_button">
<button class="
button_bordered
" id="cookie_notice_2_accept_button" data-js-cookie-notice-button="accept" aria-labelledby="cookie_notice_2_accept_button cookie_notice_2_title">
<span class="button_bordered_inner">
<span class="button_bordered_label">Accept All</span>
</span>
</button>
</div>
<div class="cookie_notice_footer_button">
<button class="
button_bordered
" id="cookie_notice_2_reject_button" data-js-cookie-notice-button="reject" aria-labelledby="cookie_notice_2_reject_button cookie_notice_2_title">
<span class="button_bordered_inner">
<span class="button_bordered_label">Reject All</span>
</span>
</button>
</div>
</div>
</div>
</div>
<!-- END: Cookie Notice -->
<div class="alert_wrapper" data-js-alert-wrapper>
</div>
<div class="header_ribbon">
<div class="fs-row">
<div class="fs-cell">
<div class="header_ribbon_inner">
<div class="header_secondary_nav">
<nav class="
secondary_nav
" id="secondary_nav_1" aria-labelledby="secondary_nav_1_title">
<div class="secondary_nav_header">
<h2 class="secondary_nav_title" id="secondary_nav_1_title">
Secondary
</h2>
</div>
<ul class="secondary_nav_list" aria-labelledby="secondary_nav_1_title">
<li class="
secondary_nav_item
">
<a class="secondary_nav_link" id="secondary_nav_1_link_1" href="#">
<div class="secondary_nav_link_inner">
<span class="secondary_nav_link_label">
News
</span>
</div>
</a>
</li>
<li class="
secondary_nav_item
">
<a class="secondary_nav_link" id="secondary_nav_1_link_2" href="#">
<div class="secondary_nav_link_inner">
<span class="secondary_nav_link_label">
Events
</span>
</div>
</a>
</li>
<li class="
secondary_nav_item
">
<a class="secondary_nav_link" id="secondary_nav_1_link_3" href="#">
<div class="secondary_nav_link_inner">
<span class="secondary_nav_link_label">
Directory
</span>
</div>
</a>
</li>
<li class="
secondary_nav_item
">
<a class="secondary_nav_link" id="secondary_nav_1_link_4" href="#">
<div class="secondary_nav_link_inner">
<span class="secondary_nav_link_label">
Giving
</span>
</div>
</a>
</li>
<li class="
secondary_nav_item
">
<a class="secondary_nav_link" id="secondary_nav_1_link_5" href="#">
<div class="secondary_nav_link_inner">
<span class="secondary_nav_link_label">
Visit
</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
<div class="header_audience_nav">
<div class="
toggle_nav_group
audience_nav_group
toggle_nav_overlay
" id="toggle_nav_10_group" data-js-nav-toggle-group>
<div class="toggle_nav_button audience_nav_button">
<button class="
button_toggle
button_bordered
" id="toggle_nav_10_toggle" data-js-nav-toggle-button="" data-js-swap="" data-swap-target="#toggle_nav_10_group">
<span class="button_bordered_inner button_toggle_inner button_toggle_inner_default">
<span class="button_bordered_label button_toggle_label">
Audience
</span>
<span class="button_bordered_icon button_toggle_icon" aria-hidden="true">
<svg class="icon icon_plus">
<use href="/images/icons.svg#plus" />
</svg>
</span>
</span>
<span class="button_bordered_inner button_toggle_inner button_toggle_inner_active">
<span class="button_bordered_label button_toggle_label">
Close
</span>
<span class="button_bordered_icon button_toggle_icon" aria-hidden="true">
<svg class="icon icon_minus">
<use href="/images/icons.svg#minus" />
</svg>
</span>
</span>
</button>
</div>
<div class="
toggle_nav_panel
audience_nav_panel
" data-js-nav-toggle-panel>
<nav class="
toggle_nav
audience_nav
" id="toggle_nav_10" aria-labelledby="toggle_nav_10_title">
<div class="toggle_nav_header audience_nav_header">
<h2 class="toggle_nav_title audience_nav_title" id="toggle_nav_10_title">
Audience
</h2>
</div>
<ul class="toggle_nav_list audience_nav_list" id="toggle_nav_10_list" aria-labelledby="toggle_nav_10_title">
<li class="toggle_nav_item audience_nav_item" id="toggle_nav_10_item_1" data-js-nav-toggle-item>
<a class="toggle_nav_link audience_nav_link" id="toggle_nav_10_item_1_link" href="#" data-js-nav-toggle-link>
<div class="toggle_nav_link_inner audience_nav_link_inner">
<span class="toggle_nav_link_label audience_nav_link_label">
Faculty
</span>
</div>
</a>
</li>
<li class="toggle_nav_item audience_nav_item" id="toggle_nav_10_item_2" data-js-nav-toggle-item>
<a class="toggle_nav_link audience_nav_link" id="toggle_nav_10_item_2_link" href="#" data-js-nav-toggle-link>
<div class="toggle_nav_link_inner audience_nav_link_inner">
<span class="toggle_nav_link_label audience_nav_link_label">
Staff
</span>
</div>
</a>
</li>
<li class="toggle_nav_item audience_nav_item" id="toggle_nav_10_item_3" data-js-nav-toggle-item>
<a class="toggle_nav_link audience_nav_link" id="toggle_nav_10_item_3_link" href="#" data-js-nav-toggle-link>
<div class="toggle_nav_link_inner audience_nav_link_inner">
<span class="toggle_nav_link_label audience_nav_link_label">
Current Students
</span>
</div>
</a>
</li>
<li class="toggle_nav_item audience_nav_item" id="toggle_nav_10_item_4" data-js-nav-toggle-item>
<a class="toggle_nav_link audience_nav_link" id="toggle_nav_10_item_4_link" href="#" data-js-nav-toggle-link>
<div class="toggle_nav_link_inner audience_nav_link_inner">
<span class="toggle_nav_link_label audience_nav_link_label">
Prospective Student
</span>
</div>
</a>
</li>
<li class="toggle_nav_item audience_nav_item" id="toggle_nav_10_item_5" data-js-nav-toggle-item>
<a class="toggle_nav_link audience_nav_link" id="toggle_nav_10_item_5_link" href="#" data-js-nav-toggle-link>
<div class="toggle_nav_link_inner audience_nav_link_inner">
<span class="toggle_nav_link_label audience_nav_link_label">
Alumni
</span>
</div>
</a>
</li>
<li class="toggle_nav_item audience_nav_item" id="toggle_nav_10_item_6" data-js-nav-toggle-item>
<a class="toggle_nav_link audience_nav_link" id="toggle_nav_10_item_6_link" href="#" data-js-nav-toggle-link>
<div class="toggle_nav_link_inner audience_nav_link_inner">
<span class="toggle_nav_link_label audience_nav_link_label">
Parents & Families
</span>
</div>
</a>
</li>
<li class="toggle_nav_item audience_nav_item" id="toggle_nav_10_item_7" data-js-nav-toggle-item>
<a class="toggle_nav_link audience_nav_link" id="toggle_nav_10_item_7_link" href="#" data-js-nav-toggle-link>
<div class="toggle_nav_link_inner audience_nav_link_inner">
<span class="toggle_nav_link_label audience_nav_link_label">
Visitors
</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header_primary">
<div class="fs-row">
<div class="fs-cell">
<div class="header_primary_inner">
<div class="header_logo">
<div class="logo logo_header logo_icon">
<a class="
logo_link
" href="#">
<span class="logo_link_inner">
<span class="logo_link_label">
Framework
</span>
<span class="logo_link_icon" aria-hidden="true">
<svg class="icon icon_logo">
<use href="/images/icons.svg#logo" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="header_controls">
<div class="header_control header_control_menu">
<button class="
button_toggle
button_bordered
" data-js-swap="" data-js-menu-open="" data-swap-target="#menu" data-swap-linked="menu">
<span class="button_bordered_inner button_toggle_inner button_toggle_inner_default">
<span class="button_bordered_label button_toggle_label">
Menu
</span>
<span class="button_bordered_icon button_toggle_icon" aria-hidden="true">
<svg class="icon icon_menu">
<use href="/images/icons.svg#menu" />
</svg>
</span>
</span>
<span class="button_bordered_inner button_toggle_inner button_toggle_inner_active">
<span class="button_bordered_label button_toggle_label">
Menu
</span>
<span class="button_bordered_icon button_toggle_icon" aria-hidden="true">
<svg class="icon icon_menu">
<use href="/images/icons.svg#menu" />
</svg>
</span>
</span>
</button>
</div>
<div class="header_control header_control_search">
<a class="
button_bordered
" href="#">
<span class="button_bordered_inner">
<span class="button_bordered_label">
Search
</span>
<span class="button_bordered_icon" aria-hidden="true">
<svg class="icon icon_search">
<use href="/images/icons.svg#search" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="header_search">
<div class="site_search site_search_header" id="site_search_1" role="search" itemscope itemtype="https://schema.org/WebSite" aria-labelledby="site_search_1_title">
<meta itemprop="url" content="http://example.dev.fastspot.com/site">
<h2 class="site_search_title" id="site_search_1_title">
Site Search
</h2>
<form class="site_search_form" action="/components/preview/template-search" itemprop="potentialAction" itemscope itemtype="http://schema.org/SearchAction">
<meta itemprop="target" content="http://example.dev.fastspot.com/site/components/preview/template-search?q={q}">
<label class="site_search_label" for="site_search_1_input">
Search
</label>
<div class="site_search_field">
<input class="site_search_input" id="site_search_1_input" itemprop="query-input" type="search" name="q" placeholder="Search the site" required>
<div class="site_search_submit">
<button class="
button_bordered
" id="site_search_1_button" aria-labelledby="site_search_1_title site_search_1_button" type="submit">
<span class="button_bordered_inner">
<span class="button_bordered_label">Submit</span>
<span class="button_bordered_icon" aria-hidden="true">
<svg class="icon icon_search">
<use href="/images/icons.svg#search" />
</svg>
</span>
</span>
</button>
</div>
</div>
</form>
</div>
</div>
<div class="header_main_nav">
<nav class="
dropdown_nav
main_dropdown_nav
" id="dropdown_nav_2" aria-labelledby="dropdown_nav_2_title">
<div class="dropdown_nav_header main_dropdown_nav_header">
<h2 class="dropdown_nav_title main_dropdown_nav_title" id="dropdown_nav_2_title">
Site
</h2>
</div>
<ul class="dropdown_nav_list main_dropdown_nav_list" id="dropdown_nav_2_list" aria-labelledby="dropdown_nav_2_title">
<li class="
dropdown_nav_item
main_dropdown_nav_item
has_children " id="dropdown_nav_2_item_1" data-js-nav-collapse-item>
<div class="dropdown_nav_item_inner main_dropdown_nav_item_inner">
<a class="dropdown_nav_link main_dropdown_nav_link" id="dropdown_nav_2_item_1_link" href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_link_inner">
<span class="dropdown_nav_label main_dropdown_nav_link_label">
About
</span>
</div>
</a>
<button class="
main_dropdown_nav_toggle
dropdown_nav_toggle
" data-js-swap="" data-js-nav-collapse-toggle="" data-swap-target="#dropdown_nav_2_item_1" data-swap-group="dropdown_nav_2" aria-labelledby="dropdown_nav_2_item_1_link">
<span class="main_dropdown_nav_toggle_inner">
<span class="main_dropdown_nav_toggle_icon" aria-hidden="true">
<svg class="icon icon_caret_down">
<use href="/images/icons.svg#caret_down" />
</svg>
</span>
</span>
</button>
</div>
<ul class="dropdown_nav_children main_dropdown_nav_children" data-js-nav-collapse-children aria-labelledby="dropdown_nav_2_item_1_link">
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
About
</span>
</div>
</a>
</li>
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Lorem ipsum
</span>
</div>
</a>
</li>
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Consectetuer Adipiscing Elit
</span>
</div>
</a>
</li>
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Aenean Commodo
</span>
</div>
</a>
</li>
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Penatibus et Magnis dis Parturient Montes Sapien ut Liber
</span>
</div>
</a>
</li>
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Aenean Massa
</span>
</div>
</a>
</li>
</ul>
</li>
<li class="
dropdown_nav_item
main_dropdown_nav_item
has_children " id="dropdown_nav_2_item_2" data-js-nav-collapse-item>
<div class="dropdown_nav_item_inner main_dropdown_nav_item_inner">
<a class="dropdown_nav_link main_dropdown_nav_link" id="dropdown_nav_2_item_2_link" href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_link_inner">
<span class="dropdown_nav_label main_dropdown_nav_link_label">
Academics
</span>
</div>
</a>
<button class="
main_dropdown_nav_toggle
dropdown_nav_toggle
" data-js-swap="" data-js-nav-collapse-toggle="" data-swap-target="#dropdown_nav_2_item_2" data-swap-group="dropdown_nav_2" aria-labelledby="dropdown_nav_2_item_2_link">
<span class="main_dropdown_nav_toggle_inner">
<span class="main_dropdown_nav_toggle_icon" aria-hidden="true">
<svg class="icon icon_caret_down">
<use href="/images/icons.svg#caret_down" />
</svg>
</span>
</span>
</button>
</div>
<ul class="dropdown_nav_children main_dropdown_nav_children" data-js-nav-collapse-children aria-labelledby="dropdown_nav_2_item_2_link">
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Nam Quam Nunc
</span>
</div>
</a>
</li>
</ul>
</li>
<li class="
dropdown_nav_item
main_dropdown_nav_item
has_children " id="dropdown_nav_2_item_3" data-js-nav-collapse-item>
<div class="dropdown_nav_item_inner main_dropdown_nav_item_inner">
<a class="dropdown_nav_link main_dropdown_nav_link" id="dropdown_nav_2_item_3_link" href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_link_inner">
<span class="dropdown_nav_label main_dropdown_nav_link_label">
Admissions
</span>
</div>
</a>
<button class="
main_dropdown_nav_toggle
dropdown_nav_toggle
" data-js-swap="" data-js-nav-collapse-toggle="" data-swap-target="#dropdown_nav_2_item_3" data-swap-group="dropdown_nav_2" aria-labelledby="dropdown_nav_2_item_3_link">
<span class="main_dropdown_nav_toggle_inner">
<span class="main_dropdown_nav_toggle_icon" aria-hidden="true">
<svg class="icon icon_caret_down">
<use href="/images/icons.svg#caret_down" />
</svg>
</span>
</span>
</button>
</div>
<ul class="dropdown_nav_children main_dropdown_nav_children" data-js-nav-collapse-children aria-labelledby="dropdown_nav_2_item_3_link">
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Nam quam nunc
</span>
</div>
</a>
</li>
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Blandit Vel
</span>
</div>
</a>
</li>
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Donec Vitae Sapien
</span>
</div>
</a>
</li>
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Ut Libero
</span>
</div>
</a>
</li>
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Venenatis Faucibus
</span>
</div>
</a>
</li>
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Nullam Quis Ante
</span>
</div>
</a>
</li>
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Orci Eget Eros Faucibus Tincidunt Maecenas Tempus Tellus Eget Condimentum
</span>
</div>
</a>
</li>
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Sed Fringilla Mauris Sit
</span>
</div>
</a>
</li>
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Amet Nibh
</span>
</div>
</a>
</li>
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Donec Sodales Sagittis
</span>
</div>
</a>
</li>
</ul>
</li>
<li class="
dropdown_nav_item
main_dropdown_nav_item
has_children " id="dropdown_nav_2_item_4" data-js-nav-collapse-item>
<div class="dropdown_nav_item_inner main_dropdown_nav_item_inner">
<a class="dropdown_nav_link main_dropdown_nav_link" id="dropdown_nav_2_item_4_link" href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_link_inner">
<span class="dropdown_nav_label main_dropdown_nav_link_label">
Financial Aid
</span>
</div>
</a>
<button class="
main_dropdown_nav_toggle
dropdown_nav_toggle
" data-js-swap="" data-js-nav-collapse-toggle="" data-swap-target="#dropdown_nav_2_item_4" data-swap-group="dropdown_nav_2" aria-labelledby="dropdown_nav_2_item_4_link">
<span class="main_dropdown_nav_toggle_inner">
<span class="main_dropdown_nav_toggle_icon" aria-hidden="true">
<svg class="icon icon_caret_down">
<use href="/images/icons.svg#caret_down" />
</svg>
</span>
</span>
</button>
</div>
<ul class="dropdown_nav_children main_dropdown_nav_children" data-js-nav-collapse-children aria-labelledby="dropdown_nav_2_item_4_link">
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Aliquam Lorem Ante
</span>
</div>
</a>
</li>
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Quisque Rutrum
</span>
</div>
</a>
</li>
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Aeneanimperdiet
</span>
</div>
</a>
</li>
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Tellus Eget Condimentum
</span>
</div>
</a>
</li>
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Duis Leo
</span>
</div>
</a>
</li>
</ul>
</li>
<li class="
dropdown_nav_item
main_dropdown_nav_item
has_children " id="dropdown_nav_2_item_5" data-js-nav-collapse-item>
<div class="dropdown_nav_item_inner main_dropdown_nav_item_inner">
<a class="dropdown_nav_link main_dropdown_nav_link" id="dropdown_nav_2_item_5_link" href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_link_inner">
<span class="dropdown_nav_label main_dropdown_nav_link_label">
Student Life
</span>
</div>
</a>
<button class="
main_dropdown_nav_toggle
dropdown_nav_toggle
" data-js-swap="" data-js-nav-collapse-toggle="" data-swap-target="#dropdown_nav_2_item_5" data-swap-group="dropdown_nav_2" aria-labelledby="dropdown_nav_2_item_5_link">
<span class="main_dropdown_nav_toggle_inner">
<span class="main_dropdown_nav_toggle_icon" aria-hidden="true">
<svg class="icon icon_caret_down">
<use href="/images/icons.svg#caret_down" />
</svg>
</span>
</span>
</button>
</div>
<ul class="dropdown_nav_children main_dropdown_nav_children" data-js-nav-collapse-children aria-labelledby="dropdown_nav_2_item_5_link">
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Aenean Vulputate Eleifend Tellus
</span>
</div>
</a>
</li>
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Nascetur
</span>
</div>
</a>
</li>
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Ridiculus Mus
</span>
</div>
</a>
</li>
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Pellentesque Eu
</span>
</div>
</a>
</li>
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Vivamus Elementum Semper
</span>
</div>
</a>
</li>
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Aenean Vulputate
</span>
</div>
</a>
</li>
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Aenean Leo Ligula
</span>
</div>
</a>
</li>
<li class="dropdown_nav_child_item main_dropdown_nav_child_item" data-js-nav-collapse-child-item>
<a class="dropdown_nav_child_link main_dropdown_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
<span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">
Semper Libero
</span>
</div>
</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- END: Header -->
<!-- Header -->
<header class="header" id="header" data-js-header>
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src='https://www.googletagmanager.com/ns.html?id={{ config.tag_manager }}' height='0' width='0' style='display:none;visibility:hidden'></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
{% include '@partial-link' with {
classes: {
base: 'button_bordered',
utility: 'skip_link'
},
id: 'skip_main_link',
title: 'Skip Main Navigation',
url: '#page_header_title'
} %}
{% render '@component-cookie-notice' %}
<div class="alert_wrapper" data-js-alert-wrapper>
{% if page.alert == true %}
{% set alert_path = page.alert_path|default('/components/render/component-alert') %}
<!-- WordPress / Drupal, use AlertURL to target the script that returns this content. For BigTree, enter the alert markup here. -->
<script>
var AlertURL = "{{ alert_path|path }}";
</script>
{% endif %}
</div>
<div class="header_ribbon">
<div class="fs-row">
<div class="fs-cell">
<div class="header_ribbon_inner">
<div class="header_secondary_nav">
{% include '@navigation-basic' with {
classes: {
base: 'secondary_nav',
modifiers: [],
utility: ''
},
title: 'Secondary',
active_index: '',
links: navigation.secondary
} %}
</div>
<div class="header_audience_nav">
{% include '@navigation-toggle' with {
classes: {
base: 'audience_nav',
modifiers: [],
utility: 'toggle_nav_overlay'
},
title: 'Audience',
links: navigation.audience,
icon: '',
child_icon: '',
toggle: {
classes: {
base: 'button_bordered'
},
default: {
title: 'Audience',
icon: 'plus'
},
active: {
title: 'Close',
icon: 'minus'
}
}
} %}
</div>
</div>
</div>
</div>
</div>
<div class="header_primary">
<div class="fs-row">
<div class="fs-cell">
<div class="header_primary_inner">
<div class="header_logo">
{% include '@partial-logo' with {
modifier: 'header',
icon: 'logo',
print: ''
} %}
</div>
<div class="header_controls">
<div class="header_control header_control_menu">
{% include '@partial-button-toggle' with {
classes: {
base: 'button_bordered'
},
id: null,
attributes: {
'data-js-swap': '',
'data-js-menu-open': '',
'data-swap-target': '#menu',
'data-swap-linked': 'menu'
},
default: {
title: 'Menu',
icon: 'menu'
},
active: {
title: 'Menu',
icon: 'menu'
},
swap_target: '',
swap_link: 'menu'
} %}
</div>
<div class="header_control header_control_search">
{% include '@partial-link' with {
classes: {
base: 'button_bordered'
},
id: null,
title: 'Search',
icon: 'search',
url: '#'
} %}
</div>
</div>
<div class="header_search">
{% include '@partial-search' with {
modifier: 'header',
aria_label: 'Site Search',
label: 'Search',
placeholder: 'Search the site',
button_text: 'Submit'
} %}
</div>
<div class="header_main_nav">
{% include '@navigation-dropdown' with {
classes: {
base: 'main_dropdown_nav',
modifiers: [],
utility: ''
},
title: 'Site',
toggle: {
icon: 'caret_down'
},
active_index: page.activePage,
links: navigation.main,
icon: '',
child_icon: ''
} %}
</div>
</div>
</div>
</div>
</div>
</header>
<!-- END: Header -->
No notes defined.