<!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>
<!-- 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://example.dev.fastspot.com/site/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="
preload
fs-grid
theme-default
">
<!-- Page Wrapper -->
<div class="
page_wrapper
">
<!-- 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_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">
<div class="cookie_notice_footer_button">
<button class="
button_bordered
" id="cookie_notice_1_accept_button" data-js-cookie-notice-button="accept" aria-labelledby="cookie_notice_1_accept_button cookie_notice_1_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_1_reject_button" data-js-cookie-notice-button="reject" aria-labelledby="cookie_notice_1_reject_button cookie_notice_1_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_1_group" data-js-nav-toggle-group>
<div class="toggle_nav_button audience_nav_button">
<button class="
button_toggle
button_bordered
" id="toggle_nav_1_toggle" data-js-nav-toggle-button="" data-js-swap="" data-swap-target="#toggle_nav_1_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_1" aria-labelledby="toggle_nav_1_title">
<div class="toggle_nav_header audience_nav_header">
<h2 class="toggle_nav_title audience_nav_title" id="toggle_nav_1_title">
Audience
</h2>
</div>
<ul class="toggle_nav_list audience_nav_list" id="toggle_nav_1_list" aria-labelledby="toggle_nav_1_title">
<li class="toggle_nav_item audience_nav_item" id="toggle_nav_1_item_1" data-js-nav-toggle-item>
<a class="toggle_nav_link audience_nav_link" id="toggle_nav_1_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_1_item_2" data-js-nav-toggle-item>
<a class="toggle_nav_link audience_nav_link" id="toggle_nav_1_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_1_item_3" data-js-nav-toggle-item>
<a class="toggle_nav_link audience_nav_link" id="toggle_nav_1_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_1_item_4" data-js-nav-toggle-item>
<a class="toggle_nav_link audience_nav_link" id="toggle_nav_1_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_1_item_5" data-js-nav-toggle-item>
<a class="toggle_nav_link audience_nav_link" id="toggle_nav_1_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_1_item_6" data-js-nav-toggle-item>
<a class="toggle_nav_link audience_nav_link" id="toggle_nav_1_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_1_item_7" data-js-nav-toggle-item>
<a class="toggle_nav_link audience_nav_link" id="toggle_nav_1_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_1" aria-labelledby="dropdown_nav_1_title">
<div class="dropdown_nav_header main_dropdown_nav_header">
<h2 class="dropdown_nav_title main_dropdown_nav_title" id="dropdown_nav_1_title">
Site
</h2>
</div>
<ul class="dropdown_nav_list main_dropdown_nav_list" id="dropdown_nav_1_list" aria-labelledby="dropdown_nav_1_title">
<li class="
dropdown_nav_item
main_dropdown_nav_item
has_children " id="dropdown_nav_1_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_1_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_1_item_1" data-swap-group="dropdown_nav_1" aria-labelledby="dropdown_nav_1_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_1_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_1_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_1_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_1_item_2" data-swap-group="dropdown_nav_1" aria-labelledby="dropdown_nav_1_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_1_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_1_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_1_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_1_item_3" data-swap-group="dropdown_nav_1" aria-labelledby="dropdown_nav_1_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_1_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_1_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_1_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_1_item_4" data-swap-group="dropdown_nav_1" aria-labelledby="dropdown_nav_1_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_1_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_1_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_1_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_1_item_5" data-swap-group="dropdown_nav_1" aria-labelledby="dropdown_nav_1_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_1_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 -->
<!-- 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="fs-row">
<div class="fs-cell">
<div class="footer_primary_inner">
<div class="footer_primary_group">
<div class="footer_logo">
<div class="logo logo_footer 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="footer_meta">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Framework",
"logo": "//example.dev.fastspot.com/site/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": "//example.dev.fastspot.com/site",
"sameAs": ["//www.facebook.com", "//www.x.com", "//www.instagram.com", "//www.youtube.com", "//www.linkedin.com"]
}
</script>
<div class="meta_info" id="meta_info">
<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#place" />
</svg>
</span>
<span class="meta_info_detail_label">
<a class="meta_info_detail_label_link" href="//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#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#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 class="meta_info_detail meta_info_detail_fax">
<span class="meta_info_detail_icon" aria-hidden="true">
<svg class="icon icon_fax">
<use href="/images/icons.svg#fax" />
</svg>
</span>
<span class="meta_info_detail_label">
<span class="meta_info_detail_label_hint">
Fax:
</span>
<a class="
meta_info_detail_label_link
" href="tel:4105375008">
<span class="meta_info_detail_label_link_inner">
<span class="meta_info_detail_label_link_label">
(410) 537-5008
</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">
<h2 class="footer_nav_title" id="footer_nav_1_title">
Footer
</h2>
</div>
<ul class="footer_nav_list" aria-labelledby="footer_nav_1_title">
<li class="
footer_nav_item
">
<a class="footer_nav_link" id="footer_nav_1_link_1" href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">
Make a Gift
</span>
</div>
</a>
</li>
<li class="
footer_nav_item
">
<a class="footer_nav_link" id="footer_nav_1_link_2" href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">
Library & Information Technology
</span>
</div>
</a>
</li>
<li class="
footer_nav_item
">
<a class="footer_nav_link" id="footer_nav_1_link_3" href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">
Offices & Services
</span>
</div>
</a>
</li>
<li class="
footer_nav_item
">
<a class="footer_nav_link" id="footer_nav_1_link_4" href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">
Bookstore
</span>
</div>
</a>
</li>
<li class="
footer_nav_item
">
<a class="footer_nav_link" id="footer_nav_1_link_5" href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_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">
<h2 class="social_nav_title" id="social_nav_1_title">
Social
</h2>
</div>
<ul class="social_nav_list" aria-labelledby="social_nav_1_title">
<li class="social_nav_item">
<a class="social_nav_link social_nav_link_facebook" href="//www.facebook.com" target="_blank" rel="noopener" title="opens in new window">
<span class="social_nav_label">
Facebook
</span>
<span class="social_nav_icon" aria-hidden="true">
<svg class="icon icon_facebook">
<use href="/images/icons.svg#facebook" />
</svg>
</span>
</a>
</li>
<li class="social_nav_item">
<a class="social_nav_link social_nav_link_x" href="//www.x.com" target="_blank" rel="noopener" title="opens in new window">
<span class="social_nav_label">
X
</span>
<span class="social_nav_icon" aria-hidden="true">
<svg class="icon icon_x">
<use href="/images/icons.svg#x" />
</svg>
</span>
</a>
</li>
<li class="social_nav_item">
<a class="social_nav_link social_nav_link_instagram" href="//www.instagram.com" target="_blank" rel="noopener" title="opens in new window">
<span class="social_nav_label">
Instagram
</span>
<span class="social_nav_icon" aria-hidden="true">
<svg class="icon icon_instagram">
<use href="/images/icons.svg#instagram" />
</svg>
</span>
</a>
</li>
<li class="social_nav_item">
<a class="social_nav_link social_nav_link_youtube" href="//www.youtube.com" target="_blank" rel="noopener" title="opens in new window">
<span class="social_nav_label">
Youtube
</span>
<span class="social_nav_icon" aria-hidden="true">
<svg class="icon icon_youtube">
<use href="/images/icons.svg#youtube" />
</svg>
</span>
</a>
</li>
<li class="social_nav_item">
<a class="social_nav_link social_nav_link_linkedin" href="//www.linkedin.com" target="_blank" rel="noopener" title="opens in new window">
<span class="social_nav_label">
Linkedin
</span>
<span class="social_nav_icon" aria-hidden="true">
<svg class="icon icon_linkedin">
<use href="/images/icons.svg#linkedin" />
</svg>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer_ribbon">
<div class="fs-row">
<div class="fs-cell">
<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">
<h2 class="utility_nav_title" id="utility_nav_1_title">
Utility
</h2>
</div>
<ul class="utility_nav_list" aria-labelledby="utility_nav_1_title">
<li class="
utility_nav_item
">
<a class="utility_nav_link" id="utility_nav_1_link_1" href="#">
<div class="utility_nav_link_inner">
<span class="utility_nav_link_label">
Accessibility
</span>
</div>
</a>
</li>
<li class="
utility_nav_item
">
<a class="utility_nav_link" id="utility_nav_1_link_2" href="#">
<div class="utility_nav_link_inner">
<span class="utility_nav_link_label">
Contact Us
</span>
</div>
</a>
</li>
<li class="
utility_nav_item
">
<a class="utility_nav_link" id="utility_nav_1_link_3" href="#">
<div class="utility_nav_link_inner">
<span class="utility_nav_link_label">
Employment Opportunities
</span>
</div>
</a>
</li>
<li class="
utility_nav_item
">
<a class="utility_nav_link" id="utility_nav_1_link_4" href="#">
<div class="utility_nav_link_inner">
<span class="utility_nav_link_label">
Maps & Directions
</span>
</div>
</a>
</li>
<li class="
utility_nav_item
">
<a class="utility_nav_link" id="utility_nav_1_link_5" href="#">
<div class="utility_nav_link_inner">
<span class="utility_nav_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">
<span class="copyright_holder_name">
Framework
</span>
</span>
<span class="copyright_year">
2025
</span>
</p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- END: Footer -->
</div>
<!-- END: Page Wrapper -->
<!-- Menu -->
<section class="menu" id="menu" data-js-menu aria-labelledby="menu_title">
<div class="menu_header">
<div class="fs-row">
<div class="fs-cell">
<div class="menu_header_inner">
<h2 class="menu_title" id="menu_title">
Site Menu
</h2>
</div>
</div>
</div>
</div>
<div class="menu_primary">
<div class="fs-row">
<div class="fs-cell">
<div class="menu_primary_inner">
<div class="menu_search">
<div class="site_search site_search_menu" id="site_search_2" role="search" itemscope itemtype="https://schema.org/WebSite" aria-labelledby="site_search_2_title">
<meta itemprop="url" content="http://example.dev.fastspot.com/site">
<h2 class="site_search_title" id="site_search_2_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_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" aria-labelledby="site_search_2_title site_search_2_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="menu_main_nav">
<nav class="
collapse_nav
main_collapse_nav
" id="collapse_nav_1" aria-labelledby="collapse_nav_1_title">
<div class="collapse_nav_header main_collapse_nav_header">
<h2 class="collapse_nav_title main_collapse_nav_title" id="collapse_nav_1_title">
Site
</h2>
</div>
<ul class="collapse_nav_list main_collapse_nav_list" id="collapse_nav_1_list" aria-labelledby="collapse_nav_1_title">
<li class="collapse_nav_item main_collapse_nav_item has_children" id="collapse_nav_1_item_1" data-js-nav-collapse-item>
<div class="collapse_nav_item_inner main_collapse_nav_item_inner">
<a class="collapse_nav_link main_collapse_nav_link" id="collapse_nav_1_item_1_link" href="#">
<div class="collapse_nav_link_inner main_collapse_nav_link_inner">
<span class="collapse_nav_label main_collapse_nav_link_label">
About
</span>
</div>
</a>
<button class="
main_collapse_nav_toggle
collapse_nav_toggle button_bordered
" data-js-swap="" data-swap-target="#collapse_nav_1_item_1" data-swap-group="collapse_nav_1" aria-labelledby="collapse_nav_1_item_1_link">
<span class="main_collapse_nav_toggle_inner">
<span class="main_collapse_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="collapse_nav_children main_collapse_nav_children" data-js-nav-collapse-children aria-labelledby="collapse_nav_1_item_1_link">
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
About
</span>
</div>
</a>
</li>
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Lorem ipsum
</span>
</div>
</a>
</li>
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Consectetuer Adipiscing Elit
</span>
</div>
</a>
</li>
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Aenean Commodo
</span>
</div>
</a>
</li>
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Penatibus et Magnis dis Parturient Montes Sapien ut Liber
</span>
</div>
</a>
</li>
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Aenean Massa
</span>
</div>
</a>
</li>
</ul>
</li>
<li class="collapse_nav_item main_collapse_nav_item has_children" id="collapse_nav_1_item_2" data-js-nav-collapse-item>
<div class="collapse_nav_item_inner main_collapse_nav_item_inner">
<a class="collapse_nav_link main_collapse_nav_link" id="collapse_nav_1_item_2_link" href="#">
<div class="collapse_nav_link_inner main_collapse_nav_link_inner">
<span class="collapse_nav_label main_collapse_nav_link_label">
Academics
</span>
</div>
</a>
<button class="
main_collapse_nav_toggle
collapse_nav_toggle button_bordered
" data-js-swap="" data-swap-target="#collapse_nav_1_item_2" data-swap-group="collapse_nav_1" aria-labelledby="collapse_nav_1_item_2_link">
<span class="main_collapse_nav_toggle_inner">
<span class="main_collapse_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="collapse_nav_children main_collapse_nav_children" data-js-nav-collapse-children aria-labelledby="collapse_nav_1_item_2_link">
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Nam Quam Nunc
</span>
</div>
</a>
</li>
</ul>
</li>
<li class="collapse_nav_item main_collapse_nav_item has_children" id="collapse_nav_1_item_3" data-js-nav-collapse-item>
<div class="collapse_nav_item_inner main_collapse_nav_item_inner">
<a class="collapse_nav_link main_collapse_nav_link" id="collapse_nav_1_item_3_link" href="#">
<div class="collapse_nav_link_inner main_collapse_nav_link_inner">
<span class="collapse_nav_label main_collapse_nav_link_label">
Admissions
</span>
</div>
</a>
<button class="
main_collapse_nav_toggle
collapse_nav_toggle button_bordered
" data-js-swap="" data-swap-target="#collapse_nav_1_item_3" data-swap-group="collapse_nav_1" aria-labelledby="collapse_nav_1_item_3_link">
<span class="main_collapse_nav_toggle_inner">
<span class="main_collapse_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="collapse_nav_children main_collapse_nav_children" data-js-nav-collapse-children aria-labelledby="collapse_nav_1_item_3_link">
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Nam quam nunc
</span>
</div>
</a>
</li>
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Blandit Vel
</span>
</div>
</a>
</li>
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Donec Vitae Sapien
</span>
</div>
</a>
</li>
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Ut Libero
</span>
</div>
</a>
</li>
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Venenatis Faucibus
</span>
</div>
</a>
</li>
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Nullam Quis Ante
</span>
</div>
</a>
</li>
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Orci Eget Eros Faucibus Tincidunt Maecenas Tempus Tellus Eget Condimentum
</span>
</div>
</a>
</li>
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Sed Fringilla Mauris Sit
</span>
</div>
</a>
</li>
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Amet Nibh
</span>
</div>
</a>
</li>
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Donec Sodales Sagittis
</span>
</div>
</a>
</li>
</ul>
</li>
<li class="collapse_nav_item main_collapse_nav_item has_children" id="collapse_nav_1_item_4" data-js-nav-collapse-item>
<div class="collapse_nav_item_inner main_collapse_nav_item_inner">
<a class="collapse_nav_link main_collapse_nav_link" id="collapse_nav_1_item_4_link" href="#">
<div class="collapse_nav_link_inner main_collapse_nav_link_inner">
<span class="collapse_nav_label main_collapse_nav_link_label">
Financial Aid
</span>
</div>
</a>
<button class="
main_collapse_nav_toggle
collapse_nav_toggle button_bordered
" data-js-swap="" data-swap-target="#collapse_nav_1_item_4" data-swap-group="collapse_nav_1" aria-labelledby="collapse_nav_1_item_4_link">
<span class="main_collapse_nav_toggle_inner">
<span class="main_collapse_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="collapse_nav_children main_collapse_nav_children" data-js-nav-collapse-children aria-labelledby="collapse_nav_1_item_4_link">
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Aliquam Lorem Ante
</span>
</div>
</a>
</li>
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Quisque Rutrum
</span>
</div>
</a>
</li>
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Aeneanimperdiet
</span>
</div>
</a>
</li>
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Tellus Eget Condimentum
</span>
</div>
</a>
</li>
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Duis Leo
</span>
</div>
</a>
</li>
</ul>
</li>
<li class="collapse_nav_item main_collapse_nav_item has_children" id="collapse_nav_1_item_5" data-js-nav-collapse-item>
<div class="collapse_nav_item_inner main_collapse_nav_item_inner">
<a class="collapse_nav_link main_collapse_nav_link" id="collapse_nav_1_item_5_link" href="#">
<div class="collapse_nav_link_inner main_collapse_nav_link_inner">
<span class="collapse_nav_label main_collapse_nav_link_label">
Student Life
</span>
</div>
</a>
<button class="
main_collapse_nav_toggle
collapse_nav_toggle button_bordered
" data-js-swap="" data-swap-target="#collapse_nav_1_item_5" data-swap-group="collapse_nav_1" aria-labelledby="collapse_nav_1_item_5_link">
<span class="main_collapse_nav_toggle_inner">
<span class="main_collapse_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="collapse_nav_children main_collapse_nav_children" data-js-nav-collapse-children aria-labelledby="collapse_nav_1_item_5_link">
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Aenean Vulputate Eleifend Tellus
</span>
</div>
</a>
</li>
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Nascetur
</span>
</div>
</a>
</li>
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Ridiculus Mus
</span>
</div>
</a>
</li>
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Pellentesque Eu
</span>
</div>
</a>
</li>
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Vivamus Elementum Semper
</span>
</div>
</a>
</li>
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Aenean Vulputate
</span>
</div>
</a>
</li>
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Aenean Leo Ligula
</span>
</div>
</a>
</li>
<li class="collapse_nav_child_item main_collapse_nav_child_item" data-js-nav-collapse-child-item>
<a class="collapse_nav_child_link main_collapse_nav_child_link" data-js-nav-collapse-child-link href="#">
<div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
<span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">
Semper Libero
</span>
</div>
</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="menu_ribbon">
<div class="fs-row">
<div class="fs-cell">
<div class="menu_ribbon_inner">
<div class="menu_audience_nav">
<div class="
toggle_nav_group
audience_nav_group
toggle_nav_inline
" id="toggle_nav_2_group" data-js-nav-toggle-group>
<div class="toggle_nav_button audience_nav_button">
<button class="
button_toggle
button_bordered
" id="toggle_nav_2_toggle" data-js-nav-toggle-button="" data-js-swap="" data-swap-target="#toggle_nav_2_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_2" aria-labelledby="toggle_nav_2_title">
<div class="toggle_nav_header audience_nav_header">
<h2 class="toggle_nav_title audience_nav_title" id="toggle_nav_2_title">
Audience
</h2>
</div>
<ul class="toggle_nav_list audience_nav_list" id="toggle_nav_2_list" aria-labelledby="toggle_nav_2_title">
<li class="toggle_nav_item audience_nav_item" id="toggle_nav_2_item_1" data-js-nav-toggle-item>
<a class="toggle_nav_link audience_nav_link" id="toggle_nav_2_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_2_item_2" data-js-nav-toggle-item>
<a class="toggle_nav_link audience_nav_link" id="toggle_nav_2_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_2_item_3" data-js-nav-toggle-item>
<a class="toggle_nav_link audience_nav_link" id="toggle_nav_2_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_2_item_4" data-js-nav-toggle-item>
<a class="toggle_nav_link audience_nav_link" id="toggle_nav_2_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_2_item_5" data-js-nav-toggle-item>
<a class="toggle_nav_link audience_nav_link" id="toggle_nav_2_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_2_item_6" data-js-nav-toggle-item>
<a class="toggle_nav_link audience_nav_link" id="toggle_nav_2_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_2_item_7" data-js-nav-toggle-item>
<a class="toggle_nav_link audience_nav_link" id="toggle_nav_2_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 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
</h2>
</div>
<ul class="secondary_nav_list" aria-labelledby="secondary_nav_2_title">
<li class="
secondary_nav_item
">
<a class="secondary_nav_link" id="secondary_nav_2_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_2_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_2_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_2_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_2_link_5" href="#">
<div class="secondary_nav_link_inner">
<span class="secondary_nav_link_label">
Visit
</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="menu_close">
<div class="fs-row">
<div class="fs-cell">
<div class="menu_close_inner">
<div class="menu_close_button">
<button class="
button_toggle
button_bordered
" data-js-swap="" data-js-menu-close="" 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">
Close
</span>
<span class="button_bordered_icon button_toggle_icon" aria-hidden="true">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</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_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END: Menu -->
<script>
var WWW_ROOT = "";
var STATIC_ROOT = "../../index.html";
var STATIC_ICONS_PATH = "../../images/icons.svg";
</script>
<script src="../../vendor/jquery/jquery.3.5.1.min.js"></script>
<script src="../../js/site.js"></script>
<link id="fs-grid-styles" rel="stylesheet" href="../../vendor/formstone/bookmarklet/bookmarklet.1.2.1.css" type="text/css" media="all">
<script src="../../vendor/formstone/bookmarklet/bookmarklet.1.2.1.js"></script>
<script>
$(window).on('load', function() {
new FSGridBookmarklet();
});
</script>
</body>
</html>
{% extends '_base.twig' %}
{% block content %}
<!-- Page Wrapper -->
<div
class="
page_wrapper
{% if page.image or page.video %}has_page_media{% endif %}
{% if page.background %}has_page_background{% endif %}
"
>
{% 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.