<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> » Pattern Library</title>
<meta name="description" content="">
<!-- preconnects -->
<link rel="preconnect" href="https://images.fastspot.com" crossorigin>
<!-- preloads -->
<!-- stylesheets -->
<link media="all" rel="stylesheet" href="/css/site.css">
<!-- favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
<link rel="manifest" href="/favicons/site.webmanifest">
<link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#da2315">
<link rel="shortcut icon" href="/favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#da2315">
<meta name="msapplication-TileImage" content="/favicons/mstile-144x144.png">
<meta name="msapplication-config" content="/favicons/browserconfig.xml">
<meta name="theme-color" content="#da2315">
<!-- misc meta -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<!-- IMPORTANT - REMOVE THIS FROM ANY CMS IMPLEMENTATION AS IT PREVENTS INDEXING -->
<meta name="robots" content="noindex">
<!-- Facebook -->
<meta property="og:title" content="Framework">
<meta property="og:type" content="website">
<meta property="og:image" content="https://static.example.dev.fastspot.com/social.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="600">
<meta property="og:description" content="">
<meta property="og:site_name" content="Framework">
<!-- X -->
<script>
document.documentElement.classList.replace('no-js', 'js');
</script>
<!-- Google Consent Mode Check -->
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
if (localStorage.getItem('consentMode') === null) {
gtag('consent', 'default', {
'ad_user_data': 'denied',
'ad_personalization': 'denied',
'ad_storage': 'denied',
'analytics_storage': 'denied',
'functionality_storage': 'denied',
'personalization_storage': 'denied',
'security_storage': 'denied',
'wait_for_update': 500
});
} else {
gtag('consent', 'default', JSON.parse(localStorage.getItem('consentMode')));
}
if (localStorage.getItem('userId') != null) {
window.dataLayer.push({
'user_id': localStorage.getItem('userId')
});
}
</script>
<!-- End Google Consent Mode Check -->
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-KVMLJ2CW');
</script>
<!-- End Google Tag Manager -->
</head>
<body class="
body
preload
theme-default
">
<!-- Page Wrapper -->
<div class="
page-wrapper
">
<!-- Cookie Notice -->
<div class="cookie-notice" id="cookie-notice-1" data-js-cookie-notice role="dialog" aria-modal="false" aria-labelledby="cookie-notice-1__title" aria-describedby="cookie-notice-1__description">
<div class="cookie-notice__inner">
<div class="cookie-notice__header">
<h2 class="cookie-notice__title" id="cookie-notice-1__title">Cookie Notice</h2>
</div>
<div class="cookie-notice__body">
<div class="cookie-notice__description" id="cookie-notice-1__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">
<button class="button-bordered
cookie-notice__button" id="cookie-notice-1__button--accept" data-js-cookie-notice-button="accept" aria-labelledby="cookie-notice-1__button--accept cookie-notice-1__title">
<span class="button-bordered__inner"> <span class="button-bordered__label">Accept All</span>
</span>
</button>
<button class="button-bordered
cookie-notice__button" id="cookie-notice-1__button--reject" data-js-cookie-notice-button="reject" aria-labelledby="cookie-notice-1__button--reject cookie-notice-1__title">
<span class="button-bordered__inner"> <span class="button-bordered__label">Reject All</span>
</span>
</button>
</div>
</div>
</div>
<!-- END: Cookie Notice -->
<nav class="skip-nav" id="skip-nav" aria-labelledby="skip-nav__title">
<div class="skip-nav__header">
<h2 class="skip-nav__title" id="skip-nav__title">Skip Navigation</h2>
</div>
<a class="button-bordered
skip-link" id="skip-main-link" href="#skip-main-destination">
<span class="button-bordered__inner"> <span class="button-bordered__label">Skip Main Navigation</span>
</span>
</a>
</nav>
<div class="alert-wrapper" data-js-alert-wrapper>
</div>
<!-- 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) -->
<div class="header__ribbon">
<div class="fw-container">
<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 Links</h2>
</div>
<ul class="secondary-nav__list" aria-labelledby="secondary-nav-1__title">
<li class="
secondary-nav__item
">
<a class="
secondary-nav__item-link
" id="secondary-nav-1__link-1item-link" href="#">
<div class="secondary-nav__item-link-inner">
<span class="secondary-nav__item-link-label">News</span>
</div>
</a>
</li>
<li class="
secondary-nav__item
">
<a class="
secondary-nav__item-link
" id="secondary-nav-1__link-2item-link" href="#">
<div class="secondary-nav__item-link-inner">
<span class="secondary-nav__item-link-label">Events</span>
</div>
</a>
</li>
<li class="
secondary-nav__item
">
<a class="
secondary-nav__item-link
" id="secondary-nav-1__link-3item-link" href="#">
<div class="secondary-nav__item-link-inner">
<span class="secondary-nav__item-link-label">Directory</span>
</div>
</a>
</li>
<li class="
secondary-nav__item
">
<a class="
secondary-nav__item-link
" id="secondary-nav-1__link-4item-link" href="#">
<div class="secondary-nav__item-link-inner">
<span class="secondary-nav__item-link-label">Giving</span>
</div>
</a>
</li>
<li class="
secondary-nav__item
">
<a class="
secondary-nav__item-link
" id="secondary-nav-1__link-5item-link" href="#">
<div class="secondary-nav__item-link-inner">
<span class="secondary-nav__item-link-label">Visit</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
<div class="header__audience-nav">
<!-- Toggle Navigation -->
<div class="
audience-nav
audience-nav--header
" id="audience-nav-1">
<div class="audience-nav__button">
<button class="button-bordered
audience-nav__trigger" popovertarget="audience-nav-1__panel">
<span class="button-bordered__inner"> <span class="button-bordered__label">Audience</span>
<span class="button-bordered__icon" aria-hidden="true"><svg class="icon icon--plus">
<use href="/images/icons.svg?1.0.0#plus" />
</svg></span>
</span>
</button>
</div>
<div class="audience-nav__panel" id="audience-nav-1__panel" popover="auto" data-js-popover='{"hover":true,"closeOnBlur":true}'>
<nav class="audience-nav
" id="audience-nav-2" aria-labelledby="audience-nav-2__title">
<div class="audience-nav__header">
<h2 class="audience-nav__title" id="audience-nav-2__title">Audience Links</h2>
</div>
<ul class="audience-nav__list" aria-labelledby="audience-nav-2__title">
<li class="
audience-nav__item
">
<a class="
audience-nav__item-link
" id="audience-nav-2__link-1item-link" href="#">
<div class="audience-nav__item-link-inner">
<span class="audience-nav__item-link-label">Faculty</span>
</div>
</a>
</li>
<li class="
audience-nav__item
">
<a class="
audience-nav__item-link
" id="audience-nav-2__link-2item-link" href="#">
<div class="audience-nav__item-link-inner">
<span class="audience-nav__item-link-label">Staff</span>
</div>
</a>
</li>
<li class="
audience-nav__item
">
<a class="
audience-nav__item-link
" id="audience-nav-2__link-3item-link" href="#">
<div class="audience-nav__item-link-inner">
<span class="audience-nav__item-link-label">Current Students</span>
</div>
</a>
</li>
<li class="
audience-nav__item
">
<a class="
audience-nav__item-link
" id="audience-nav-2__link-4item-link" href="#">
<div class="audience-nav__item-link-inner">
<span class="audience-nav__item-link-label">Prospective Student</span>
</div>
</a>
</li>
<li class="
audience-nav__item
">
<a class="
audience-nav__item-link
" id="audience-nav-2__link-5item-link" href="#">
<div class="audience-nav__item-link-inner">
<span class="audience-nav__item-link-label">Alumni</span>
</div>
</a>
</li>
<li class="
audience-nav__item
">
<a class="
audience-nav__item-link
" id="audience-nav-2__link-6item-link" href="#">
<div class="audience-nav__item-link-inner">
<span class="audience-nav__item-link-label">Parents & Families</span>
</div>
</a>
</li>
<li class="
audience-nav__item
">
<a class="
audience-nav__item-link
" id="audience-nav-2__link-7item-link" href="#">
<div class="audience-nav__item-link-inner">
<span class="audience-nav__item-link-label">Visitors</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
</div>
<!-- END: Toggle Navigation -->
</div>
</div>
</div>
</div>
<div class="header__primary">
<div class="fw-container">
<div class="header__primary-inner">
<div class="header__logo">
<div class="logo logo--header">
<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?1.0.0#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-modal-trigger="menu">
<span class="
button-toggle__inner
button-toggle__inner--default
button-bordered__inner
"> <span class="button-toggle__label button-bordered__label">Menu</span>
<span class="button-toggle__icon button-bordered__icon" aria-hidden="true">
<svg class="icon icon--menu">
<use href="/images/icons.svg?1.0.0#menu" />
</svg>
</span>
</span> <span class="
button-toggle__inner
button-toggle__inner--active
button-bordered__inner
">
<span class="button-toggle__label button-bordered__label">Menu</span>
<span class="button-toggle__icon button-bordered__icon" aria-hidden="true">
<svg class="icon icon--menu">
<use href="/images/icons.svg?1.0.0#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?1.0.0#search" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="header__search">
<div class="site-search site-search--header" id="site-search-1" itemscope itemtype="https://schema.org/WebSite">
<meta itemprop="url" content="http://static.example.dev.fastspot.com">
<form class="site-search__form" action="/components/preview/template-search" itemprop="potentialAction" itemscope itemtype="http://schema.org/SearchAction">
<meta itemprop="target" content="http://static.example.dev.fastspot.com/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" type="submit">
<span class="button-bordered__inner"> <span class="button-bordered__label">Submit Search</span>
<span class="button-bordered__icon" aria-hidden="true"><svg class="icon icon--search">
<use href="/images/icons.svg?1.0.0#search" />
</svg></span>
</span>
</button>
</div>
</div>
</form>
</div>
</div>
<div class="header__main-nav">
<nav class="
disclosure-nav
main-disclosure-dropdown
disclosure-dropdown-nav" id="disclosure-nav-1" data-js-nav-disclosure aria-labelledby="disclosure-nav-1__title">
<div class="
disclosure-nav__header
main-disclosure-dropdown__header
">
<h2 class="disclosure-nav__title main-disclosure-dropdown__title" id="disclosure-nav-1__title">Main Site Links</h2>
</div>
<ul class="
disclosure-nav__list
main-disclosure-dropdown__list
" id="disclosure-nav-1_list" aria-labelledby="disclosure-nav-1__title">
<li class="
disclosure-nav__item
main-disclosure-dropdown__item
main-disclosure-dropdown__item--has-children
" id="disclosure-nav-1__item-1" data-js-nav-disclosure-item>
<div class="
disclosure-nav__item-inner
main-disclosure-dropdown__item-inner
">
<a class="
disclosure-nav__item-link
main-disclosure-dropdown__item-link
" id="disclosure-nav-1__item-1-link" href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__item-link-label
main-disclosure-dropdown__item-link-label
">About</span>
</div>
</a>
<button class="main-disclosure-dropdown__item-toggle
disclosure-nav__item-toggle " data-js-nav-disclosure-button="" aria-labelledby="disclosure-nav-1__item-1-link" aria-controls="disclosure-nav-1__children-1">
<span class="main-disclosure-dropdown__item-toggle-inner"> <span class="main-disclosure-dropdown__item-toggle-icon" aria-hidden="true"><svg class="icon icon--caret-down">
<use href="/images/icons.svg?1.0.0#caret-down" />
</svg></span>
</span>
</button>
</div>
<ul class="
disclosure-nav__children
main-disclosure-dropdown__children
" id="disclosure-nav-1__children-1" data-js-nav-disclosure-panel aria-labelledby="disclosure-nav-1__item-1-link" hidden>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Lorem ipsum</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Consectetuer Adipiscing Elit</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Aenean Commodo</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Penatibus et Magnis dis Parturient Montes Sapien ut Liber</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Aenean Massa</span>
</div>
</a>
</li>
</ul>
</li>
<li class="
disclosure-nav__item
main-disclosure-dropdown__item
main-disclosure-dropdown__item--has-children
" id="disclosure-nav-1__item-2" data-js-nav-disclosure-item>
<div class="
disclosure-nav__item-inner
main-disclosure-dropdown__item-inner
">
<a class="
disclosure-nav__item-link
main-disclosure-dropdown__item-link
" id="disclosure-nav-1__item-2-link" href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__item-link-label
main-disclosure-dropdown__item-link-label
">Academics</span>
</div>
</a>
<button class="main-disclosure-dropdown__item-toggle
disclosure-nav__item-toggle " data-js-nav-disclosure-button="" aria-labelledby="disclosure-nav-1__item-2-link" aria-controls="disclosure-nav-1__children-2">
<span class="main-disclosure-dropdown__item-toggle-inner"> <span class="main-disclosure-dropdown__item-toggle-icon" aria-hidden="true"><svg class="icon icon--caret-down">
<use href="/images/icons.svg?1.0.0#caret-down" />
</svg></span>
</span>
</button>
</div>
<ul class="
disclosure-nav__children
main-disclosure-dropdown__children
" id="disclosure-nav-1__children-2" data-js-nav-disclosure-panel aria-labelledby="disclosure-nav-1__item-2-link" hidden>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Nam Quam Nunc</span>
</div>
</a>
</li>
</ul>
</li>
<li class="
disclosure-nav__item
main-disclosure-dropdown__item
main-disclosure-dropdown__item--is-open
main-disclosure-dropdown__item--has-children
" id="disclosure-nav-1__item-3" data-js-nav-disclosure-item>
<div class="
disclosure-nav__item-inner
main-disclosure-dropdown__item-inner
">
<a class="
disclosure-nav__item-link
main-disclosure-dropdown__item-link
main-disclosure-dropdown__item-link--is-active
" id="disclosure-nav-1__item-3-link" href="#" aria-current="page">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__item-link-label
main-disclosure-dropdown__item-link-label
">Admissions</span>
</div>
</a>
<button class="main-disclosure-dropdown__item-toggle
disclosure-nav__item-toggle " data-js-nav-disclosure-button="" aria-labelledby="disclosure-nav-1__item-3-link" aria-controls="disclosure-nav-1__children-3">
<span class="main-disclosure-dropdown__item-toggle-inner"> <span class="main-disclosure-dropdown__item-toggle-icon" aria-hidden="true"><svg class="icon icon--caret-down">
<use href="/images/icons.svg?1.0.0#caret-down" />
</svg></span>
</span>
</button>
</div>
<ul class="
disclosure-nav__children
main-disclosure-dropdown__children
" id="disclosure-nav-1__children-3" data-js-nav-disclosure-panel aria-labelledby="disclosure-nav-1__item-3-link" hidden>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Nam quam nunc</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Blandit Vel</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Donec Vitae Sapien</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Ut Libero</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Venenatis Faucibus</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Nullam Quis Ante</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Orci Eget Eros Faucibus Tincidunt Maecenas Tempus Tellus Eget Condimentum</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Sed Fringilla Mauris Sit</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Amet Nibh</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Donec Sodales Sagittis</span>
</div>
</a>
</li>
</ul>
</li>
<li class="
disclosure-nav__item
main-disclosure-dropdown__item
main-disclosure-dropdown__item--has-children
" id="disclosure-nav-1__item-4" data-js-nav-disclosure-item>
<div class="
disclosure-nav__item-inner
main-disclosure-dropdown__item-inner
">
<a class="
disclosure-nav__item-link
main-disclosure-dropdown__item-link
" id="disclosure-nav-1__item-4-link" href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__item-link-label
main-disclosure-dropdown__item-link-label
">Financial Aid</span>
</div>
</a>
<button class="main-disclosure-dropdown__item-toggle
disclosure-nav__item-toggle " data-js-nav-disclosure-button="" aria-labelledby="disclosure-nav-1__item-4-link" aria-controls="disclosure-nav-1__children-4">
<span class="main-disclosure-dropdown__item-toggle-inner"> <span class="main-disclosure-dropdown__item-toggle-icon" aria-hidden="true"><svg class="icon icon--caret-down">
<use href="/images/icons.svg?1.0.0#caret-down" />
</svg></span>
</span>
</button>
</div>
<ul class="
disclosure-nav__children
main-disclosure-dropdown__children
" id="disclosure-nav-1__children-4" data-js-nav-disclosure-panel aria-labelledby="disclosure-nav-1__item-4-link" hidden>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Aliquam Lorem Ante</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Quisque Rutrum</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Aeneanimperdiet</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Tellus Eget Condimentum</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Duis Leo</span>
</div>
</a>
</li>
</ul>
</li>
<li class="
disclosure-nav__item
main-disclosure-dropdown__item
main-disclosure-dropdown__item--has-children
" id="disclosure-nav-1__item-5" data-js-nav-disclosure-item>
<div class="
disclosure-nav__item-inner
main-disclosure-dropdown__item-inner
">
<a class="
disclosure-nav__item-link
main-disclosure-dropdown__item-link
" id="disclosure-nav-1__item-5-link" href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__item-link-label
main-disclosure-dropdown__item-link-label
">Student Life</span>
</div>
</a>
<button class="main-disclosure-dropdown__item-toggle
disclosure-nav__item-toggle " data-js-nav-disclosure-button="" aria-labelledby="disclosure-nav-1__item-5-link" aria-controls="disclosure-nav-1__children-5">
<span class="main-disclosure-dropdown__item-toggle-inner"> <span class="main-disclosure-dropdown__item-toggle-icon" aria-hidden="true"><svg class="icon icon--caret-down">
<use href="/images/icons.svg?1.0.0#caret-down" />
</svg></span>
</span>
</button>
</div>
<ul class="
disclosure-nav__children
main-disclosure-dropdown__children
" id="disclosure-nav-1__children-5" data-js-nav-disclosure-panel aria-labelledby="disclosure-nav-1__item-5-link" hidden>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Aenean Vulputate Eleifend Tellus</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Nascetur</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Ridiculus Mus</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Pellentesque Eu</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Vivamus Elementum Semper</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Aenean Vulputate</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Aenean Leo Ligula</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-dropdown__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-dropdown__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-dropdown__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-dropdown__child-link-label
">Semper Libero</span>
</div>
</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</header>
<!-- END: Header -->
<!-- Page -->
<main class="page" data-js-page>
</main>
<!-- END: Page -->
<!-- Footer -->
<footer class="footer" id="footer" data-js-footer>
<div class="footer__primary">
<div class="fw-container">
<div class="footer__primary-inner">
<h2 class="visually-hide">Footer</h2>
<div class="footer__primary-group">
<div class="footer__logo">
<div class="logo logo--footer">
<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?1.0.0#logo" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="footer__meta">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Framework",
"logo": "//static.example.dev.fastspot.com/images/logo-schema.png",
"address": {
"@type": "PostalAddress",
"streetAddress": "2980 Falls Road",
"addressLocality": "Baltimore",
"addressRegion": "MD",
"postalCode": "21211"
},
"email": "info@fastspot.com",
"telephone": "(410) 537-5007",
"url": "//static.example.dev.fastspot.com",
"sameAs": ["//www.facebook.com", "//www.x.com", "//www.instagram.com", "//www.youtube.com", "//www.linkedin.com"]
}
</script>
<div class="meta-info" id="meta-info">
<h3 class="meta-info__title">Contact Information</h3>
<div class="meta-info__details">
<div class="meta-info__detail meta-info__detail--address">
<span class="meta-info__detail-icon" aria-hidden="true">
<svg class="icon icon--place">
<use href="/images/icons.svg?1.0.0#place" />
</svg>
</span>
<span class="meta-info__detail-label">
<a class="meta-info__detail-label-link" href="https://www.google.com/maps/place/?q=place_id:ChIJofvP7nsEyIkRAppsAwqW4SQ" target="_blank" rel="noopener" title="opens in new window">
<span class="meta-info__address-street">2980 Falls Road,</span>
<span class="meta-info__address-group">
<span class="meta-info__address-city">Baltimore,</span>
<span class="meta-info__address-state">MD</span>
<span class="meta-info__address-zip">21211</span>
</span>
</a>
</span>
</div>
<div class="meta-info__detail meta-info__detail--email">
<span class="meta-info__detail-icon" aria-hidden="true">
<svg class="icon icon--mail">
<use href="/images/icons.svg?1.0.0#mail" />
</svg>
</span>
<span class="meta-info__detail-label">
<a class="meta-info__detail-label-link
" href="mailto:info@fastspot.com">
<span class="meta-info__detail-label-link-inner"> <span class="meta-info__detail-label-link-label">info<wbr>@fastspot.com</span>
</span>
</a> </span>
</div>
<div class="meta-info__detail meta-info__detail--phone">
<span class="meta-info__detail-icon" aria-hidden="true">
<svg class="icon icon--phone">
<use href="/images/icons.svg?1.0.0#phone" />
</svg>
</span>
<span class="meta-info__detail-label">
<span class="meta-info__detail-label-hint">
Phone:
</span>
<a class="meta-info__detail-label-link
" href="tel:4105375007">
<span class="meta-info__detail-label-link-inner"> <span class="meta-info__detail-label-link-label">(410) 537-5007</span>
</span>
</a> </span>
</div>
</div>
</div>
</div>
</div>
<div class="footer__footer-nav">
<nav class="footer-nav
" id="footer-nav-1" aria-labelledby="footer-nav-1__title">
<div class="footer-nav__header">
<h3 class="footer-nav__title" id="footer-nav-1__title">Quicklinks</h3>
</div>
<ul class="footer-nav__list" aria-labelledby="footer-nav-1__title">
<li class="
footer-nav__item
">
<a class="
footer-nav__item-link
" id="footer-nav-1__link-1item-link" href="#">
<div class="footer-nav__item-link-inner">
<span class="footer-nav__item-link-label">Make a Gift</span>
</div>
</a>
</li>
<li class="
footer-nav__item
">
<a class="
footer-nav__item-link
" id="footer-nav-1__link-2item-link" href="#">
<div class="footer-nav__item-link-inner">
<span class="footer-nav__item-link-label">Library & Information Technology</span>
</div>
</a>
</li>
<li class="
footer-nav__item
">
<a class="
footer-nav__item-link
" id="footer-nav-1__link-3item-link" href="#">
<div class="footer-nav__item-link-inner">
<span class="footer-nav__item-link-label">Offices & Services</span>
</div>
</a>
</li>
<li class="
footer-nav__item
">
<a class="
footer-nav__item-link
" id="footer-nav-1__link-4item-link" href="#">
<div class="footer-nav__item-link-inner">
<span class="footer-nav__item-link-label">Bookstore</span>
</div>
</a>
</li>
<li class="
footer-nav__item
">
<a class="
footer-nav__item-link
" id="footer-nav-1__link-5item-link" href="#">
<div class="footer-nav__item-link-inner">
<span class="footer-nav__item-link-label">Apply Now</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
<div class="footer__social-nav">
<div class="
social-nav
" id="social-nav-1">
<div class="social-nav__header">
<h3 class="social-nav__title" id="social-nav-1__title">Social</h3>
</div>
<ul class="social-nav__list" aria-labelledby="social-nav-1__title">
<li class="social-nav__item social-nav__item--facebook">
<a class="social-nav__item-link
" target="_blank" rel="noopener" title="opens in a new window" href="#">
<span class="social-nav__item-link-inner"> <span class="social-nav__item-link-label">Facebook</span>
<span class="social-nav__item-link-icon" aria-hidden="true">
<svg class="icon icon--facebook">
<use href="/images/icons.svg?1.0.0#facebook" />
</svg>
</span>
</span>
</a>
</li>
<li class="social-nav__item social-nav__item--x">
<a class="social-nav__item-link
" target="_blank" rel="noopener" title="opens in a new window" href="#">
<span class="social-nav__item-link-inner"> <span class="social-nav__item-link-label">X</span>
<span class="social-nav__item-link-icon" aria-hidden="true">
<svg class="icon icon--x">
<use href="/images/icons.svg?1.0.0#x" />
</svg>
</span>
</span>
</a>
</li>
<li class="social-nav__item social-nav__item--instagram">
<a class="social-nav__item-link
" target="_blank" rel="noopener" title="opens in a new window" href="#">
<span class="social-nav__item-link-inner"> <span class="social-nav__item-link-label">Instagram</span>
<span class="social-nav__item-link-icon" aria-hidden="true">
<svg class="icon icon--instagram">
<use href="/images/icons.svg?1.0.0#instagram" />
</svg>
</span>
</span>
</a>
</li>
<li class="social-nav__item social-nav__item--youtube">
<a class="social-nav__item-link
" target="_blank" rel="noopener" title="opens in a new window" href="#">
<span class="social-nav__item-link-inner"> <span class="social-nav__item-link-label">Youtube</span>
<span class="social-nav__item-link-icon" aria-hidden="true">
<svg class="icon icon--youtube">
<use href="/images/icons.svg?1.0.0#youtube" />
</svg>
</span>
</span>
</a>
</li>
<li class="social-nav__item social-nav__item--linkedin">
<a class="social-nav__item-link
" target="_blank" rel="noopener" title="opens in a new window" href="#">
<span class="social-nav__item-link-inner"> <span class="social-nav__item-link-label">Linkedin</span>
<span class="social-nav__item-link-icon" aria-hidden="true">
<svg class="icon icon--linkedin">
<use href="/images/icons.svg?1.0.0#linkedin" />
</svg>
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer__ribbon">
<div class="fw-container">
<div class="footer__ribbon-inner">
<div class="footer__utility-nav">
<nav class="utility-nav
" id="utility-nav-1" aria-labelledby="utility-nav-1__title">
<div class="utility-nav__header">
<h3 class="utility-nav__title" id="utility-nav-1__title">Utility</h3>
</div>
<ul class="utility-nav__list" aria-labelledby="utility-nav-1__title">
<li class="
utility-nav__item
">
<a class="
utility-nav__item-link
" id="utility-nav-1__link-1item-link" href="#">
<div class="utility-nav__item-link-inner">
<span class="utility-nav__item-link-label">Accessibility</span>
</div>
</a>
</li>
<li class="
utility-nav__item
">
<a class="
utility-nav__item-link
" id="utility-nav-1__link-2item-link" href="#">
<div class="utility-nav__item-link-inner">
<span class="utility-nav__item-link-label">Contact Us</span>
</div>
</a>
</li>
<li class="
utility-nav__item
">
<a class="
utility-nav__item-link
" id="utility-nav-1__link-3item-link" href="#">
<div class="utility-nav__item-link-inner">
<span class="utility-nav__item-link-label">Employment Opportunities</span>
</div>
</a>
</li>
<li class="
utility-nav__item
">
<a class="
utility-nav__item-link
" id="utility-nav-1__link-4item-link" href="#">
<div class="utility-nav__item-link-inner">
<span class="utility-nav__item-link-label">Maps & Directions</span>
</div>
</a>
</li>
<li class="
utility-nav__item
">
<a class="
utility-nav__item-link
" id="utility-nav-1__link-5item-link" href="#">
<div class="utility-nav__item-link-inner">
<span class="utility-nav__item-link-label">Privacy Policy</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
<div class="footer__copyright">
<p class="copyright">
<span class="copyright__icon">©</span>
<span class="copyright__holder">Framework</span>
<time class="copyright__year">2026</time>
</p>
</div>
</div>
</div>
</div>
</footer>
<!-- END: Footer -->
</div>
<!-- END: Page Wrapper -->
<!-- Menu -->
<dialog class="menu" id="menu" data-js-modal='{ "scrollLock": true }' aria-labelledby="menu__title">
<div class="menu__inner">
<div class="menu__header">
<div class="fw-container">
<div class="menu__header-inner">
<h1 class="menu__title" id="menu__title">Site Menu</h1>
</div>
</div>
</div>
<div class="menu__primary">
<div class="fw-container">
<div class="menu__primary-inner">
<div class="menu__search">
<div class="site-search site-search--menu" id="site-search-2" itemscope itemtype="https://schema.org/WebSite">
<meta itemprop="url" content="http://static.example.dev.fastspot.com">
<form class="site-search__form" action="/components/preview/template-search" itemprop="potentialAction" itemscope itemtype="http://schema.org/SearchAction">
<meta itemprop="target" content="http://static.example.dev.fastspot.com/components/preview/template-search?q={q}">
<label class="site-search__label" for="site-search-2__input">
Search
</label>
<div class="site-search__field">
<input class="site-search__input" id="site-search-2__input" itemprop="query-input" type="search" name="q" required>
<div class="site-search__submit">
<button class="button-bordered
" id="site-search-2__button" type="submit">
<span class="button-bordered__inner"> <span class="button-bordered__label">Submit Search</span>
<span class="button-bordered__icon" aria-hidden="true"><svg class="icon icon--search">
<use href="/images/icons.svg?1.0.0#search" />
</svg></span>
</span>
</button>
</div>
</div>
</form>
</div>
</div>
<div class="menu__main-nav">
<nav class="
disclosure-nav
main-disclosure-collapse
disclosure-collapse-nav" id="disclosure-nav-2" data-js-nav-disclosure aria-labelledby="disclosure-nav-2__title">
<div class="
disclosure-nav__header
main-disclosure-collapse__header
">
<h2 class="disclosure-nav__title main-disclosure-collapse__title" id="disclosure-nav-2__title">Main Site Links</h2>
</div>
<ul class="
disclosure-nav__list
main-disclosure-collapse__list
" id="disclosure-nav-2_list" aria-labelledby="disclosure-nav-2__title">
<li class="
disclosure-nav__item
main-disclosure-collapse__item
main-disclosure-collapse__item--has-children
" id="disclosure-nav-2__item-1" data-js-nav-disclosure-item>
<div class="
disclosure-nav__item-inner
main-disclosure-collapse__item-inner
">
<a class="
disclosure-nav__item-link
main-disclosure-collapse__item-link
" id="disclosure-nav-2__item-1-link" href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__item-link-label
main-disclosure-collapse__item-link-label
">About</span>
</div>
</a>
<button class="main-disclosure-collapse__item-toggle
disclosure-nav__item-toggle button-bordered" data-js-nav-disclosure-button="" aria-labelledby="disclosure-nav-2__item-1-link" aria-controls="disclosure-nav-2__children-1">
<span class="main-disclosure-collapse__item-toggle-inner"> <span class="main-disclosure-collapse__item-toggle-icon" aria-hidden="true"><svg class="icon icon--caret-down">
<use href="/images/icons.svg?1.0.0#caret-down" />
</svg></span>
</span>
</button>
</div>
<ul class="
disclosure-nav__children
main-disclosure-collapse__children
" id="disclosure-nav-2__children-1" data-js-nav-disclosure-panel aria-labelledby="disclosure-nav-2__item-1-link" hidden>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Lorem ipsum</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Consectetuer Adipiscing Elit</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Aenean Commodo</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Penatibus et Magnis dis Parturient Montes Sapien ut Liber</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Aenean Massa</span>
</div>
</a>
</li>
</ul>
</li>
<li class="
disclosure-nav__item
main-disclosure-collapse__item
main-disclosure-collapse__item--has-children
" id="disclosure-nav-2__item-2" data-js-nav-disclosure-item>
<div class="
disclosure-nav__item-inner
main-disclosure-collapse__item-inner
">
<a class="
disclosure-nav__item-link
main-disclosure-collapse__item-link
" id="disclosure-nav-2__item-2-link" href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__item-link-label
main-disclosure-collapse__item-link-label
">Academics</span>
</div>
</a>
<button class="main-disclosure-collapse__item-toggle
disclosure-nav__item-toggle button-bordered" data-js-nav-disclosure-button="" aria-labelledby="disclosure-nav-2__item-2-link" aria-controls="disclosure-nav-2__children-2">
<span class="main-disclosure-collapse__item-toggle-inner"> <span class="main-disclosure-collapse__item-toggle-icon" aria-hidden="true"><svg class="icon icon--caret-down">
<use href="/images/icons.svg?1.0.0#caret-down" />
</svg></span>
</span>
</button>
</div>
<ul class="
disclosure-nav__children
main-disclosure-collapse__children
" id="disclosure-nav-2__children-2" data-js-nav-disclosure-panel aria-labelledby="disclosure-nav-2__item-2-link" hidden>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Nam Quam Nunc</span>
</div>
</a>
</li>
</ul>
</li>
<li class="
disclosure-nav__item
main-disclosure-collapse__item
main-disclosure-collapse__item--is-open
main-disclosure-collapse__item--has-children
" id="disclosure-nav-2__item-3" data-js-nav-disclosure-item>
<div class="
disclosure-nav__item-inner
main-disclosure-collapse__item-inner
">
<a class="
disclosure-nav__item-link
main-disclosure-collapse__item-link
main-disclosure-collapse__item-link--is-active
" id="disclosure-nav-2__item-3-link" href="#" aria-current="page">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__item-link-label
main-disclosure-collapse__item-link-label
">Admissions</span>
</div>
</a>
<button class="main-disclosure-collapse__item-toggle
disclosure-nav__item-toggle button-bordered" data-js-nav-disclosure-button="" aria-labelledby="disclosure-nav-2__item-3-link" aria-controls="disclosure-nav-2__children-3">
<span class="main-disclosure-collapse__item-toggle-inner"> <span class="main-disclosure-collapse__item-toggle-icon" aria-hidden="true"><svg class="icon icon--caret-down">
<use href="/images/icons.svg?1.0.0#caret-down" />
</svg></span>
</span>
</button>
</div>
<ul class="
disclosure-nav__children
main-disclosure-collapse__children
" id="disclosure-nav-2__children-3" data-js-nav-disclosure-panel aria-labelledby="disclosure-nav-2__item-3-link" hidden>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Nam quam nunc</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Blandit Vel</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Donec Vitae Sapien</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Ut Libero</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Venenatis Faucibus</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Nullam Quis Ante</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Orci Eget Eros Faucibus Tincidunt Maecenas Tempus Tellus Eget Condimentum</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Sed Fringilla Mauris Sit</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Amet Nibh</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Donec Sodales Sagittis</span>
</div>
</a>
</li>
</ul>
</li>
<li class="
disclosure-nav__item
main-disclosure-collapse__item
main-disclosure-collapse__item--has-children
" id="disclosure-nav-2__item-4" data-js-nav-disclosure-item>
<div class="
disclosure-nav__item-inner
main-disclosure-collapse__item-inner
">
<a class="
disclosure-nav__item-link
main-disclosure-collapse__item-link
" id="disclosure-nav-2__item-4-link" href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__item-link-label
main-disclosure-collapse__item-link-label
">Financial Aid</span>
</div>
</a>
<button class="main-disclosure-collapse__item-toggle
disclosure-nav__item-toggle button-bordered" data-js-nav-disclosure-button="" aria-labelledby="disclosure-nav-2__item-4-link" aria-controls="disclosure-nav-2__children-4">
<span class="main-disclosure-collapse__item-toggle-inner"> <span class="main-disclosure-collapse__item-toggle-icon" aria-hidden="true"><svg class="icon icon--caret-down">
<use href="/images/icons.svg?1.0.0#caret-down" />
</svg></span>
</span>
</button>
</div>
<ul class="
disclosure-nav__children
main-disclosure-collapse__children
" id="disclosure-nav-2__children-4" data-js-nav-disclosure-panel aria-labelledby="disclosure-nav-2__item-4-link" hidden>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Aliquam Lorem Ante</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Quisque Rutrum</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Aeneanimperdiet</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Tellus Eget Condimentum</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Duis Leo</span>
</div>
</a>
</li>
</ul>
</li>
<li class="
disclosure-nav__item
main-disclosure-collapse__item
main-disclosure-collapse__item--has-children
" id="disclosure-nav-2__item-5" data-js-nav-disclosure-item>
<div class="
disclosure-nav__item-inner
main-disclosure-collapse__item-inner
">
<a class="
disclosure-nav__item-link
main-disclosure-collapse__item-link
" id="disclosure-nav-2__item-5-link" href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__item-link-label
main-disclosure-collapse__item-link-label
">Student Life</span>
</div>
</a>
<button class="main-disclosure-collapse__item-toggle
disclosure-nav__item-toggle button-bordered" data-js-nav-disclosure-button="" aria-labelledby="disclosure-nav-2__item-5-link" aria-controls="disclosure-nav-2__children-5">
<span class="main-disclosure-collapse__item-toggle-inner"> <span class="main-disclosure-collapse__item-toggle-icon" aria-hidden="true"><svg class="icon icon--caret-down">
<use href="/images/icons.svg?1.0.0#caret-down" />
</svg></span>
</span>
</button>
</div>
<ul class="
disclosure-nav__children
main-disclosure-collapse__children
" id="disclosure-nav-2__children-5" data-js-nav-disclosure-panel aria-labelledby="disclosure-nav-2__item-5-link" hidden>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Aenean Vulputate Eleifend Tellus</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Nascetur</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Ridiculus Mus</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Pellentesque Eu</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Vivamus Elementum Semper</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Aenean Vulputate</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Aenean Leo Ligula</span>
</div>
</a>
</li>
<li class="
disclosure-nav__child-item
main-disclosure-collapse__child-item
" data-js-nav-disclosure-child-item>
<a class="
disclosure-nav__child-link
main-disclosure-collapse__child-link
" data-js-nav-disclosure-child-link href="#">
<div class="
disclosure-nav__item-link-inner
main-disclosure-collapse__item-link-inner
">
<span class="
disclosure-nav__child-link-label
main-disclosure-collapse__child-link-label
">Semper Libero</span>
</div>
</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<div class="menu__ribbon">
<div class="fw-container">
<div class="menu__ribbon-inner">
<div class="menu__audience-nav">
<!-- Toggle Navigation -->
<div class="
audience-nav
audience-nav--menu
" id="audience-nav-3" data-js-disclosure>
<div class="audience-nav__button">
<button class="button-bordered
" data-js-disclosure-button="" aria-controls="audience-nav-3__panel">
<span class="button-bordered__inner"> <span class="button-bordered__label">Audience</span>
<span class="button-bordered__icon" aria-hidden="true"><svg class="icon icon--plus">
<use href="/images/icons.svg?1.0.0#plus" />
</svg></span>
</span>
</button>
</div>
<div class="audience-nav__panel" id="audience-nav-3__panel" data-js-disclosure-panel hidden>
<nav class="audience-nav
" id="audience-nav-4" aria-labelledby="audience-nav-4__title">
<div class="audience-nav__header">
<h2 class="audience-nav__title" id="audience-nav-4__title">Audience Links</h2>
</div>
<ul class="audience-nav__list" aria-labelledby="audience-nav-4__title">
<li class="
audience-nav__item
">
<a class="
audience-nav__item-link
" id="audience-nav-4__link-1item-link" href="#">
<div class="audience-nav__item-link-inner">
<span class="audience-nav__item-link-label">Faculty</span>
</div>
</a>
</li>
<li class="
audience-nav__item
">
<a class="
audience-nav__item-link
" id="audience-nav-4__link-2item-link" href="#">
<div class="audience-nav__item-link-inner">
<span class="audience-nav__item-link-label">Staff</span>
</div>
</a>
</li>
<li class="
audience-nav__item
">
<a class="
audience-nav__item-link
" id="audience-nav-4__link-3item-link" href="#">
<div class="audience-nav__item-link-inner">
<span class="audience-nav__item-link-label">Current Students</span>
</div>
</a>
</li>
<li class="
audience-nav__item
">
<a class="
audience-nav__item-link
" id="audience-nav-4__link-4item-link" href="#">
<div class="audience-nav__item-link-inner">
<span class="audience-nav__item-link-label">Prospective Student</span>
</div>
</a>
</li>
<li class="
audience-nav__item
">
<a class="
audience-nav__item-link
" id="audience-nav-4__link-5item-link" href="#">
<div class="audience-nav__item-link-inner">
<span class="audience-nav__item-link-label">Alumni</span>
</div>
</a>
</li>
<li class="
audience-nav__item
">
<a class="
audience-nav__item-link
" id="audience-nav-4__link-6item-link" href="#">
<div class="audience-nav__item-link-inner">
<span class="audience-nav__item-link-label">Parents & Families</span>
</div>
</a>
</li>
<li class="
audience-nav__item
">
<a class="
audience-nav__item-link
" id="audience-nav-4__link-7item-link" href="#">
<div class="audience-nav__item-link-inner">
<span class="audience-nav__item-link-label">Visitors</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
</div>
<!-- END: Toggle Navigation -->
</div>
<div class="menu__secondary-nav">
<nav class="secondary-nav
" id="secondary-nav-2" aria-labelledby="secondary-nav-2__title">
<div class="secondary-nav__header">
<h2 class="secondary-nav__title" id="secondary-nav-2__title">Secondary Links</h2>
</div>
<ul class="secondary-nav__list" aria-labelledby="secondary-nav-2__title">
<li class="
secondary-nav__item
">
<a class="
secondary-nav__item-link
" id="secondary-nav-2__link-1item-link" href="#">
<div class="secondary-nav__item-link-inner">
<span class="secondary-nav__item-link-label">News</span>
</div>
</a>
</li>
<li class="
secondary-nav__item
">
<a class="
secondary-nav__item-link
" id="secondary-nav-2__link-2item-link" href="#">
<div class="secondary-nav__item-link-inner">
<span class="secondary-nav__item-link-label">Events</span>
</div>
</a>
</li>
<li class="
secondary-nav__item
">
<a class="
secondary-nav__item-link
" id="secondary-nav-2__link-3item-link" href="#">
<div class="secondary-nav__item-link-inner">
<span class="secondary-nav__item-link-label">Directory</span>
</div>
</a>
</li>
<li class="
secondary-nav__item
">
<a class="
secondary-nav__item-link
" id="secondary-nav-2__link-4item-link" href="#">
<div class="secondary-nav__item-link-inner">
<span class="secondary-nav__item-link-label">Giving</span>
</div>
</a>
</li>
<li class="
secondary-nav__item
">
<a class="
secondary-nav__item-link
" id="secondary-nav-2__link-5item-link" href="#">
<div class="secondary-nav__item-link-inner">
<span class="secondary-nav__item-link-label">Visit</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<div class="menu__close">
<div class="fw-container">
<div class="menu__close-inner">
<div class="menu__close-button">
<button class="
button-toggle
button-bordered
" data-js-modal-close="" autofocus="">
<span class="
button-toggle__inner
button-toggle__inner--default
button-bordered__inner
"> <span class="button-toggle__label button-bordered__label">Close</span>
<span class="button-toggle__icon button-bordered__icon" aria-hidden="true">
<svg class="icon icon--close">
<use href="/images/icons.svg?1.0.0#close" />
</svg>
</span>
</span> <span class="
button-toggle__inner
button-toggle__inner--active
button-bordered__inner
">
<span class="button-toggle__label button-bordered__label">Close</span>
<span class="button-toggle__icon button-bordered__icon" aria-hidden="true">
<svg class="icon icon--close">
<use href="/images/icons.svg?1.0.0#close" />
</svg>
</span>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</dialog>
<!-- END: Menu -->
<script>
var WWW_ROOT = "";
var STATIC_ROOT = "../../index.html";
var STATIC_ICONS_PATH = "../../images/icons.svg";
</script>
<script src="../../js/site.js"></script>
<link rel="stylesheet" href="../../css/grid-overlay.css">
<script src="../../js/grid-overlay.js"></script>
</body>
</html>
{% extends '_base.twig' %}
{% block content %}
<!-- Page Wrapper -->
<div
class="
page-wrapper
{% if page.image or page.video %}page-wrapper--has-media{% endif %}
{% if page.background %}page-wrapper--has-background{% endif %}
"
>
{% render '@component-cookie-notice' %}
<nav
class="skip-nav"
id="skip-nav"
aria-labelledby="skip-nav__title"
>
<div class="skip-nav__header">
<h2 class="skip-nav__title" id="skip-nav__title">Skip Navigation</h2>
</div>
{% include '@partial-link' with {
classes: {
base: 'button-bordered',
utility: 'skip-link'
},
id: 'skip-main-link',
title: 'Skip Main Navigation',
url: '#skip-main-destination'
} only %}
</nav>
<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>
{% render '@layout-header' with {
page: page,
_env: _env
} %}
<!-- Page -->
<main class="page" data-js-page>
{{ yield }}
</main>
<!-- END: Page -->
{% render '@layout-footer' with {
page: page,
_env: _env
} %}
</div>
<!-- END: Page Wrapper -->
{% render '@layout-menu' %}
{% endblock %}
No notes defined.