<!DOCTYPE html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title> &raquo; Pattern Library</title>
    <meta name="description" content="">

    <!-- preconnects -->
    <link rel="preconnect" href="https://images.fastspot.com">

    <!-- 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">

    <!-- twitter -->

    <script>
        document.documentElement.classList.remove('no-js');
        document.documentElement.classList.add('js');
    </script>

    <!-- 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-5FWHMLH');
    </script>
    <!-- End Google Tag Manager -->
</head>

<body class="preload fs-grid theme-default ">

    <!-- Page Wrapper -->
    <div class="page_wrapper">
        <!-- Header -->
        <header class="js-header header" id="header">
            <noscript>
                <iframe src="//www.googletagmanager.com/ns.html?id=GTM-K6P58WP" height="0" width="0" style="display:none;visibility:hidden"></iframe>
            </noscript>

            <a class="skip_link skip_main" id="skip_main_link" href="#page_header_title">Skip Main Navigation</a>

            <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" aria-labelledby="basic_nav_title-1">
                                    <div class="secondary_nav_header">
                                        <h2 class="secondary_nav_title" id="basic_nav_title-1">Secondary</h2>
                                    </div>
                                    <ul class="secondary_nav_list" aria-labelledby="basic_nav_title-1">
                                        <li class="secondary_nav_item">
                                            <a class="secondary_nav_link" 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" 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" 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" 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" 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="js-nav-toggle-group js-audience-nav-group toggle_nav_group audience_nav_group">

                                    <button class="js-audience-nav-toggle js-nav-toggle-button js-swap audience_nav_toggle button_toggle" data-swap-target=".js-audience-nav-group" data-swap-linked="audience">
                                        <span class="audience_nav_toggle_inner_default audience_nav_toggle_inner button_toggle_inner_default button_toggle_inner">
                                            <span class="audience_nav_toggle_label_default audience_nav_toggle_label button_toggle_label_default button_toggle_label">Audience</span>
                                            <span class="audience_nav_toggle_icon_default audience_nav_toggle_icon button_toggle_icon_default button_toggle_icon" aria-hidden="true">

                                                <svg class="icon icon_plus">
                                                    <use href="/images/icons.svg#plus" />
                                                </svg>

                                            </span>
                                        </span>
                                        <span class="audience_nav_toggle_inner_active audience_nav_toggle_inner button_toggle_inner_active button_toggle_inner">
                                            <span class="audience_nav_toggle_label_active audience_nav_toggle_label button_toggle_label_active button_toggle_label">Close</span>
                                            <span class="audience_nav_toggle_icon_active audience_nav_toggle_icon button_toggle_icon_active button_toggle_icon" aria-hidden="true">

                                                <svg class="icon icon_minus">
                                                    <use href="/images/icons.svg#minus" />
                                                </svg>

                                            </span>
                                        </span>
                                    </button>
                                    <div class="js-nav-toggle-panel js-audience-nav-panel toggle_nav_panel audience_nav_panel">
                                        <nav class="js-nav-toggle js-audience-nav toggle_nav audience_nav" aria-labelledby="toggle_nav_title-1">
                                            <div class="toggle_nav_header audience_nav_header">
                                                <h2 class="toggle_nav_title audience_nav_title" id="toggle_nav_title-1">Audience</h2>
                                            </div>
                                            <ul class="js-nav-toggle-list js-audience-nav-list toggle_nav_list audience_nav_list" aria-labelledby="toggle_nav_title-1">
                                                <li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
                                                    <a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
                                                        <div class="toggle_nav_link_inner audience_nav_link_inner">
                                                            <span class="audience_nav_link_label">Faculty</span>
                                                        </div>
                                                    </a>
                                                </li>
                                                <li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
                                                    <a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
                                                        <div class="toggle_nav_link_inner audience_nav_link_inner">
                                                            <span class="audience_nav_link_label">Staff</span>
                                                        </div>
                                                    </a>
                                                </li>
                                                <li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
                                                    <a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
                                                        <div class="toggle_nav_link_inner audience_nav_link_inner">
                                                            <span class="audience_nav_link_label">Current Students</span>
                                                        </div>
                                                    </a>
                                                </li>
                                                <li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
                                                    <a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
                                                        <div class="toggle_nav_link_inner audience_nav_link_inner">
                                                            <span class="audience_nav_link_label">Prospective Student</span>
                                                        </div>
                                                    </a>
                                                </li>
                                                <li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
                                                    <a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
                                                        <div class="toggle_nav_link_inner audience_nav_link_inner">
                                                            <span class="audience_nav_link_label">Alumni</span>
                                                        </div>
                                                    </a>
                                                </li>
                                                <li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
                                                    <a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
                                                        <div class="toggle_nav_link_inner audience_nav_link_inner">
                                                            <span class="audience_nav_link_label">Parents & Families</span>
                                                        </div>
                                                    </a>
                                                </li>
                                                <li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
                                                    <a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
                                                        <div class="toggle_nav_link_inner audience_nav_link_inner">
                                                            <span class="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="page-home.html">
                                        <span class="logo_link_label">Framework</span>
                                        <span class="logo_link_icon">
                                            <svg class="icon icon_logo">
                                                <use href="/images/icons.svg#logo" />
                                            </svg>
                                        </span>
                                    </a>
                                </div>
                            </div>
                            <div class="header_controls">

                                <a href="#menu" class="menu_toggle js-menu-toggle js-swap" data-swap-target=".menu" data-swap-linked="menu">
                                    <span class="menu_toggle_inner_default menu_toggle_inner">
                                        <span class="menu_toggle_label_default menu_toggle_label">Menu</span>
                                        <span class="menu_toggle_icon_default menu_toggle_icon" aria-hidden="true">

                                            <svg class="icon icon_menu">
                                                <use href="/images/icons.svg#menu" />
                                            </svg>

                                        </span>
                                    </span>
                                </a>

                                <a href="page-search.html" class="search_link">
                                    <span class="search_link_inner">
                                        <span class="search_link_label">Search</span>
                                        <span class="search_link_icon" aria-hidden="true">

                                            <svg class="icon icon_search">
                                                <use href="/images/icons.svg#search" />
                                            </svg>

                                        </span>
                                    </span>
                                </a>
                            </div>
                            <div class="header_search">

                                <div class="js-site-search site_search site_search_header" id="site_search_header" role="search" itemscope itemtype="https://schema.org/WebSite" aria-label="Site Search">
                                    <meta itemprop="url" content="http://example.dev.fastspot.com/site">
                                    <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="js-site-search-label site_search_label" for="search_string__header">Search</label>
                                        <div class="site_search_field">
                                            <input class="js-site-search-input site_search_input" itemprop="query-input" type="search" id="search_string__header" name="q" placeholder="Search the site" required>
                                            <button class="site_search_button" type="submit">
                                                <span class="site_search_button_inner">
                                                    <span class="site_search_button_label">Submit</span>
                                                    <span class="site_search_button_icon">
                                                        <svg class="icon icon_search">
                                                            <use href="/images/icons.svg#search" />
                                                        </svg>
                                                    </span>
                                                </span>
                                            </button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="header_main_nav">

                                <nav class="js-nav-collapse js-main-dropdown-nav dropdown_nav main_dropdown_nav" aria-labelledby="dropdown_nav_title-1">
                                    <div class="dropdown_nav_header main_dropdown_nav_header">
                                        <h2 class="dropdown_nav_title main_dropdown_nav_title" id="dropdown_nav_title-1">Site</h2>
                                    </div>
                                    <ul class="js-nav-collapse-list js-main-dropdown-nav-list dropdown_nav_list main_dropdown_nav_list" aria-labelledby="dropdown_nav_title-1">
                                        <li class="js-nav-collapse-item js-main-dropdown-nav-item js-main-dropdown-nav-item-1 dropdown_nav_item main_dropdown_nav_item has_children">
                                            <div class="dropdown_nav_item_inner main_dropdown_nav_item_inner">
                                                <a class="js-nav-collapse-link js-main-dropdown-nav-link dropdown_nav_link main_dropdown_nav_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="js-swap js-nav-collapse-toggle js-main-dropdown-nav-toggle dropdown_nav_toggle main_dropdown_nav_toggle" data-swap-target=".js-main-dropdown-nav-item-1" data-swap-group="main_dropdown_nav" aria-label="About" aria-haspopup="true" aria-expanded="false">
                                                    <span class="dropdown_nav_toggle_inner main_dropdown_nav_toggle_inner">
                                                        <span class="dropdown_nav_icon main_dropdown_nav_toggle_icon">
                                                            <svg class="icon icon_caret_down">
                                                                <use href="/images/icons.svg#caret_down" />
                                                            </svg>
                                                        </span>
                                                    </span>
                                                </button>
                                            </div>
                                            <ul class="js-nav-collapse-children js-main-dropdown-nav-children dropdown_nav_children main_dropdown_nav_children" aria-label="About">
                                                <li class="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-item js-main-dropdown-nav-item js-main-dropdown-nav-item-2 dropdown_nav_item main_dropdown_nav_item has_children">
                                            <div class="dropdown_nav_item_inner main_dropdown_nav_item_inner">
                                                <a class="js-nav-collapse-link js-main-dropdown-nav-link dropdown_nav_link main_dropdown_nav_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="js-swap js-nav-collapse-toggle js-main-dropdown-nav-toggle dropdown_nav_toggle main_dropdown_nav_toggle" data-swap-target=".js-main-dropdown-nav-item-2" data-swap-group="main_dropdown_nav" aria-label="Academics" aria-haspopup="true" aria-expanded="false">
                                                    <span class="dropdown_nav_toggle_inner main_dropdown_nav_toggle_inner">
                                                        <span class="dropdown_nav_icon main_dropdown_nav_toggle_icon">
                                                            <svg class="icon icon_caret_down">
                                                                <use href="/images/icons.svg#caret_down" />
                                                            </svg>
                                                        </span>
                                                    </span>
                                                </button>
                                            </div>
                                            <ul class="js-nav-collapse-children js-main-dropdown-nav-children dropdown_nav_children main_dropdown_nav_children" aria-label="Academics">
                                                <li class="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-item js-main-dropdown-nav-item js-main-dropdown-nav-item-3 dropdown_nav_item main_dropdown_nav_item has_children">
                                            <div class="dropdown_nav_item_inner main_dropdown_nav_item_inner">
                                                <a class="js-nav-collapse-link js-main-dropdown-nav-link dropdown_nav_link main_dropdown_nav_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="js-swap js-nav-collapse-toggle js-main-dropdown-nav-toggle dropdown_nav_toggle main_dropdown_nav_toggle" data-swap-target=".js-main-dropdown-nav-item-3" data-swap-group="main_dropdown_nav" aria-label="Admissions" aria-haspopup="true" aria-expanded="false">
                                                    <span class="dropdown_nav_toggle_inner main_dropdown_nav_toggle_inner">
                                                        <span class="dropdown_nav_icon main_dropdown_nav_toggle_icon">
                                                            <svg class="icon icon_caret_down">
                                                                <use href="/images/icons.svg#caret_down" />
                                                            </svg>
                                                        </span>
                                                    </span>
                                                </button>
                                            </div>
                                            <ul class="js-nav-collapse-children js-main-dropdown-nav-children dropdown_nav_children main_dropdown_nav_children" aria-label="Admissions">
                                                <li class="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-item js-main-dropdown-nav-item js-main-dropdown-nav-item-4 dropdown_nav_item main_dropdown_nav_item has_children">
                                            <div class="dropdown_nav_item_inner main_dropdown_nav_item_inner">
                                                <a class="js-nav-collapse-link js-main-dropdown-nav-link dropdown_nav_link main_dropdown_nav_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="js-swap js-nav-collapse-toggle js-main-dropdown-nav-toggle dropdown_nav_toggle main_dropdown_nav_toggle" data-swap-target=".js-main-dropdown-nav-item-4" data-swap-group="main_dropdown_nav" aria-label="Financial Aid" aria-haspopup="true" aria-expanded="false">
                                                    <span class="dropdown_nav_toggle_inner main_dropdown_nav_toggle_inner">
                                                        <span class="dropdown_nav_icon main_dropdown_nav_toggle_icon">
                                                            <svg class="icon icon_caret_down">
                                                                <use href="/images/icons.svg#caret_down" />
                                                            </svg>
                                                        </span>
                                                    </span>
                                                </button>
                                            </div>
                                            <ul class="js-nav-collapse-children js-main-dropdown-nav-children dropdown_nav_children main_dropdown_nav_children" aria-label="Financial Aid">
                                                <li class="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-item js-main-dropdown-nav-item js-main-dropdown-nav-item-5 dropdown_nav_item main_dropdown_nav_item has_children">
                                            <div class="dropdown_nav_item_inner main_dropdown_nav_item_inner">
                                                <a class="js-nav-collapse-link js-main-dropdown-nav-link dropdown_nav_link main_dropdown_nav_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="js-swap js-nav-collapse-toggle js-main-dropdown-nav-toggle dropdown_nav_toggle main_dropdown_nav_toggle" data-swap-target=".js-main-dropdown-nav-item-5" data-swap-group="main_dropdown_nav" aria-label="Student Life" aria-haspopup="true" aria-expanded="false">
                                                    <span class="dropdown_nav_toggle_inner main_dropdown_nav_toggle_inner">
                                                        <span class="dropdown_nav_icon main_dropdown_nav_toggle_icon">
                                                            <svg class="icon icon_caret_down">
                                                                <use href="/images/icons.svg#caret_down" />
                                                            </svg>
                                                        </span>
                                                    </span>
                                                </button>
                                            </div>
                                            <ul class="js-nav-collapse-children js-main-dropdown-nav-children dropdown_nav_children main_dropdown_nav_children" aria-label="Student Life">
                                                <li class="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                    <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_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">
            <!-- Google Tag Manager (noscript) -->
            <noscript><iframe src='https://www.googletagmanager.com/ns.html?id=GTM-5FWHMLH' height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript>
            <!-- End Google Tag Manager (noscript) -->

            <div class="back_to_top">
                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="back_to_top_inner">

                            <a href="#header" class="back_to_top_link">
                                <span class="back_to_top_link_inner">
                                    <span class="back_to_top_link_label">Back to Top</span>
                                    <span class="back_to_top_link_icon" aria-hidden="true">

                                        <svg class="icon icon_arrow_up">
                                            <use href="/images/icons.svg#arrow_up" />
                                        </svg>

                                    </span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </main>
        <!-- END: Page -->
        <!-- Footer -->
        <footer class="footer" id="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="page-home.html">
                                            <span class="logo_link_label">Framework</span>
                                            <span class="logo_link_icon">
                                                <svg class="icon icon_logo">
                                                    <use href="/images/icons.svg#logo" />
                                                </svg>
                                            </span>
                                        </a>
                                    </div>
                                </div>
                                <div class="footer_meta">

                                    <div class="meta_info" id="meta_info">
                                        <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.twitter.com',
                                                    '//www.instagram.com',
                                                    '//www.youtube.com',
                                                    '//www.linkedin.com'
                                                ]
                                            }
                                        </script>
                                        <div class="meta_info_details">
                                            <div class="meta_info_detail meta_info_detail_address">
                                                <span class="meta_info_detail_icon">
                                                    <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">
                                                        <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">
                                                    <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">info@fastspot.com</a>
                                                </span>
                                            </div>
                                            <div class="meta_info_detail meta_info_detail_phone">
                                                <span class="meta_info_detail_icon">
                                                    <svg class="icon icon_phone">
                                                        <use href="/images/icons.svg#phone" />
                                                    </svg>
                                                </span>
                                                <span class="meta_info_detail_label">
                                                    <a class="meta_info_detail_label_link" href="tel:4105375007">P<span class="meta_info_detail_label_hint">hone</span>:&nbsp; (410) 537-5007</a>
                                                </span>
                                            </div>
                                            <div class="meta_info_detail meta_info_detail_fax">
                                                <span class="meta_info_detail_icon">
                                                    <svg class="icon icon_fax">
                                                        <use href="/images/icons.svg#fax" />
                                                    </svg>
                                                </span>
                                                <span class="meta_info_detail_label">
                                                    <a class="meta_info_detail_label_link" href="tel:4105375008">F<span class="meta_info_detail_label_hint">ax</span>:&nbsp; (410) 537-5008</a>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="footer_footer_nav">

                                <nav class="footer_nav" aria-labelledby="basic_nav_title-2">
                                    <div class="footer_nav_header">
                                        <h2 class="footer_nav_title" id="basic_nav_title-2">Footer</h2>
                                    </div>
                                    <ul class="footer_nav_list" aria-labelledby="basic_nav_title-2">
                                        <li class="footer_nav_item">
                                            <a class="footer_nav_link" 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" 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" 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" 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" 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">
                                    <div class="social_nav_header">
                                        <h2 class="social_nav_title" id="social_nav_title">Social</h2>
                                    </div>
                                    <ul class="social_nav_list" aria-labelledby="social_nav_title">
                                        <li class="social_nav_item">
                                            <a class="social_nav_link social_nav_link_facebook" href="//www.facebook.com" target="_blank" rel="noopener">
                                                <span class="social_nav_icon">
                                                    <svg class="icon icon_facebook">
                                                        <use href="/images/icons.svg#facebook" />
                                                    </svg>
                                                </span>
                                                <span class="social_nav_label">Facebook</span>
                                            </a>
                                        </li>
                                        <li class="social_nav_item">
                                            <a class="social_nav_link social_nav_link_twitter" href="//www.twitter.com" target="_blank" rel="noopener">
                                                <span class="social_nav_icon">
                                                    <svg class="icon icon_twitter">
                                                        <use href="/images/icons.svg#twitter" />
                                                    </svg>
                                                </span>
                                                <span class="social_nav_label">Twitter</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">
                                                <span class="social_nav_icon">
                                                    <svg class="icon icon_instagram">
                                                        <use href="/images/icons.svg#instagram" />
                                                    </svg>
                                                </span>
                                                <span class="social_nav_label">Instagram</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">
                                                <span class="social_nav_icon">
                                                    <svg class="icon icon_youtube">
                                                        <use href="/images/icons.svg#youtube" />
                                                    </svg>
                                                </span>
                                                <span class="social_nav_label">Youtube</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">
                                                <span class="social_nav_icon">
                                                    <svg class="icon icon_linkedin">
                                                        <use href="/images/icons.svg#linkedin" />
                                                    </svg>
                                                </span>
                                                <span class="social_nav_label">Linkedin</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" aria-labelledby="basic_nav_title-3">
                                    <div class="utility_nav_header">
                                        <h2 class="utility_nav_title" id="basic_nav_title-3">Utility</h2>
                                    </div>
                                    <ul class="utility_nav_list" aria-labelledby="basic_nav_title-3">
                                        <li class="utility_nav_item">
                                            <a class="utility_nav_link" 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" 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" 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" 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" 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">&copy;</span>
                                    <span class="copyright_holder">
                                        <span class="copyright_holder_name">Framework</span>
                                    </span>
                                    <span class="copyright_year">2024</span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="js-alert-wrapper">
            </div>
        </footer>
        <!-- END: Footer -->
    </div>
    <!-- END: Page Wrapper -->

    <!-- Menu -->
    <section class="js-menu menu" id="menu" aria-label="Site Menu">
        <div class="menu_header">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="menu_header_inner">
                        <h2 class="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="js-site-search site_search site_search_menu" id="site_search_menu" role="search" itemscope itemtype="https://schema.org/WebSite" aria-label="site search">
                                <meta itemprop="url" content="http://example.dev.fastspot.com/site">
                                <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="js-site-search-label site_search_label" for="search_string__menu">Search</label>
                                    <div class="site_search_field">
                                        <input class="js-site-search-input site_search_input" itemprop="query-input" type="search" id="search_string__menu" name="q" required>
                                        <button class="site_search_button" type="submit">
                                            <span class="site_search_button_inner">
                                                <span class="site_search_button_label">Submit</span>
                                                <span class="site_search_button_icon">
                                                    <svg class="icon icon_search">
                                                        <use href="/images/icons.svg#search" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="menu_main_nav">

                            <nav class="js-nav-collapse js-main-collapse-nav collapse_nav main_collapse_nav" aria-labelledby="collapse_nav_title-1">
                                <div class="collapse_nav_header main_collapse_nav_header">
                                    <h2 class="collapse_nav_title main_collapse_nav_title" id="collapse_nav_title-1">site</h2>
                                </div>
                                <ul class="js-nav-collapse-list js-main-collapse-nav-list collapse_nav_list main_collapse_nav_list" aria-labelledby="collapse_nav_title-1">
                                    <li class="js-nav-collapse-item js-main-collapse-nav-item js-main-collapse-nav-item-1 collapse_nav_item main_collapse_nav_item has_children">
                                        <div class="collapse_nav_item_inner main_collapse_nav_item_inner">
                                            <a class="js-nav-collapse-link js-main-collapse-nav-link collapse_nav_link main_collapse_nav_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="js-swap js-nav-collapse-toggle js-main-collapse-nav-toggle collapse_nav_toggle main_collapse_nav_toggle" data-swap-target=".js-main-collapse-nav-item-1" data-swap-group="main_collapse_nav" aria-label="About" aria-haspopup="true" aria-expanded="false">
                                                <span class="collapse_nav_toggle_inner main_collapse_nav_toggle_inner">
                                                    <span class="collapse_nav_icon main_collapse_nav_toggle_icon">
                                                        <svg class="icon icon_caret_down">
                                                            <use href="/images/icons.svg#caret_down" />
                                                        </svg>
                                                    </span>
                                                </span>
                                            </button>
                                        </div>
                                        <ul class="js-nav-collapse-children js-main-collapse-nav-children collapse_nav_children main_collapse_nav_children" aria-label="About">
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-item js-main-collapse-nav-item js-main-collapse-nav-item-2 collapse_nav_item main_collapse_nav_item has_children">
                                        <div class="collapse_nav_item_inner main_collapse_nav_item_inner">
                                            <a class="js-nav-collapse-link js-main-collapse-nav-link collapse_nav_link main_collapse_nav_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="js-swap js-nav-collapse-toggle js-main-collapse-nav-toggle collapse_nav_toggle main_collapse_nav_toggle" data-swap-target=".js-main-collapse-nav-item-2" data-swap-group="main_collapse_nav" aria-label="Academics" aria-haspopup="true" aria-expanded="false">
                                                <span class="collapse_nav_toggle_inner main_collapse_nav_toggle_inner">
                                                    <span class="collapse_nav_icon main_collapse_nav_toggle_icon">
                                                        <svg class="icon icon_caret_down">
                                                            <use href="/images/icons.svg#caret_down" />
                                                        </svg>
                                                    </span>
                                                </span>
                                            </button>
                                        </div>
                                        <ul class="js-nav-collapse-children js-main-collapse-nav-children collapse_nav_children main_collapse_nav_children" aria-label="Academics">
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-item js-main-collapse-nav-item js-main-collapse-nav-item-3 collapse_nav_item main_collapse_nav_item has_children">
                                        <div class="collapse_nav_item_inner main_collapse_nav_item_inner">
                                            <a class="js-nav-collapse-link js-main-collapse-nav-link collapse_nav_link main_collapse_nav_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="js-swap js-nav-collapse-toggle js-main-collapse-nav-toggle collapse_nav_toggle main_collapse_nav_toggle" data-swap-target=".js-main-collapse-nav-item-3" data-swap-group="main_collapse_nav" aria-label="Admissions" aria-haspopup="true" aria-expanded="false">
                                                <span class="collapse_nav_toggle_inner main_collapse_nav_toggle_inner">
                                                    <span class="collapse_nav_icon main_collapse_nav_toggle_icon">
                                                        <svg class="icon icon_caret_down">
                                                            <use href="/images/icons.svg#caret_down" />
                                                        </svg>
                                                    </span>
                                                </span>
                                            </button>
                                        </div>
                                        <ul class="js-nav-collapse-children js-main-collapse-nav-children collapse_nav_children main_collapse_nav_children" aria-label="Admissions">
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-item js-main-collapse-nav-item js-main-collapse-nav-item-4 collapse_nav_item main_collapse_nav_item has_children">
                                        <div class="collapse_nav_item_inner main_collapse_nav_item_inner">
                                            <a class="js-nav-collapse-link js-main-collapse-nav-link collapse_nav_link main_collapse_nav_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="js-swap js-nav-collapse-toggle js-main-collapse-nav-toggle collapse_nav_toggle main_collapse_nav_toggle" data-swap-target=".js-main-collapse-nav-item-4" data-swap-group="main_collapse_nav" aria-label="Financial Aid" aria-haspopup="true" aria-expanded="false">
                                                <span class="collapse_nav_toggle_inner main_collapse_nav_toggle_inner">
                                                    <span class="collapse_nav_icon main_collapse_nav_toggle_icon">
                                                        <svg class="icon icon_caret_down">
                                                            <use href="/images/icons.svg#caret_down" />
                                                        </svg>
                                                    </span>
                                                </span>
                                            </button>
                                        </div>
                                        <ul class="js-nav-collapse-children js-main-collapse-nav-children collapse_nav_children main_collapse_nav_children" aria-label="Financial Aid">
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-item js-main-collapse-nav-item js-main-collapse-nav-item-5 collapse_nav_item main_collapse_nav_item has_children">
                                        <div class="collapse_nav_item_inner main_collapse_nav_item_inner">
                                            <a class="js-nav-collapse-link js-main-collapse-nav-link collapse_nav_link main_collapse_nav_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="js-swap js-nav-collapse-toggle js-main-collapse-nav-toggle collapse_nav_toggle main_collapse_nav_toggle" data-swap-target=".js-main-collapse-nav-item-5" data-swap-group="main_collapse_nav" aria-label="Student Life" aria-haspopup="true" aria-expanded="false">
                                                <span class="collapse_nav_toggle_inner main_collapse_nav_toggle_inner">
                                                    <span class="collapse_nav_icon main_collapse_nav_toggle_icon">
                                                        <svg class="icon icon_caret_down">
                                                            <use href="/images/icons.svg#caret_down" />
                                                        </svg>
                                                    </span>
                                                </span>
                                            </button>
                                        </div>
                                        <ul class="js-nav-collapse-children js-main-collapse-nav-children collapse_nav_children main_collapse_nav_children" aria-label="Student Life">
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_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="js-nav-toggle-group js-audience-nav-group toggle_nav_group audience_nav_group">

                                <button class="js-audience-nav-toggle js-nav-toggle-button js-swap audience_nav_toggle button_toggle" data-swap-target=".js-audience-nav-group" data-swap-linked="audience">
                                    <span class="audience_nav_toggle_inner_default audience_nav_toggle_inner button_toggle_inner_default button_toggle_inner">
                                        <span class="audience_nav_toggle_label_default audience_nav_toggle_label button_toggle_label_default button_toggle_label">Audience</span>
                                        <span class="audience_nav_toggle_icon_default audience_nav_toggle_icon button_toggle_icon_default button_toggle_icon" aria-hidden="true">

                                            <svg class="icon icon_plus">
                                                <use href="/images/icons.svg#plus" />
                                            </svg>

                                        </span>
                                    </span>
                                    <span class="audience_nav_toggle_inner_active audience_nav_toggle_inner button_toggle_inner_active button_toggle_inner">
                                        <span class="audience_nav_toggle_label_active audience_nav_toggle_label button_toggle_label_active button_toggle_label">Close</span>
                                        <span class="audience_nav_toggle_icon_active audience_nav_toggle_icon button_toggle_icon_active button_toggle_icon" aria-hidden="true">

                                            <svg class="icon icon_minus">
                                                <use href="/images/icons.svg#minus" />
                                            </svg>

                                        </span>
                                    </span>
                                </button>
                                <div class="js-nav-toggle-panel js-audience-nav-panel toggle_nav_panel audience_nav_panel">
                                    <nav class="js-nav-toggle js-audience-nav toggle_nav audience_nav" aria-labelledby="toggle_nav_title-2">
                                        <div class="toggle_nav_header audience_nav_header">
                                            <h2 class="toggle_nav_title audience_nav_title" id="toggle_nav_title-2">audience</h2>
                                        </div>
                                        <ul class="js-nav-toggle-list js-audience-nav-list toggle_nav_list audience_nav_list" aria-labelledby="toggle_nav_title-2">
                                            <li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
                                                <a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
                                                    <div class="toggle_nav_link_inner audience_nav_link_inner">
                                                        <span class="audience_nav_link_label">Faculty</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
                                                <a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
                                                    <div class="toggle_nav_link_inner audience_nav_link_inner">
                                                        <span class="audience_nav_link_label">Staff</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
                                                <a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
                                                    <div class="toggle_nav_link_inner audience_nav_link_inner">
                                                        <span class="audience_nav_link_label">Current Students</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
                                                <a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
                                                    <div class="toggle_nav_link_inner audience_nav_link_inner">
                                                        <span class="audience_nav_link_label">Prospective Student</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
                                                <a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
                                                    <div class="toggle_nav_link_inner audience_nav_link_inner">
                                                        <span class="audience_nav_link_label">Alumni</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
                                                <a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
                                                    <div class="toggle_nav_link_inner audience_nav_link_inner">
                                                        <span class="audience_nav_link_label">Parents & Families</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
                                                <a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
                                                    <div class="toggle_nav_link_inner audience_nav_link_inner">
                                                        <span class="audience_nav_link_label">Visitors</span>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                        </div>
                        <div class="menu_secondary_nav">

                            <nav class="secondary_nav" aria-labelledby="basic_nav_title-4">
                                <div class="secondary_nav_header">
                                    <h2 class="secondary_nav_title" id="basic_nav_title-4">secondary</h2>
                                </div>
                                <ul class="secondary_nav_list" aria-labelledby="basic_nav_title-4">
                                    <li class="secondary_nav_item">
                                        <a class="secondary_nav_link" 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" 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" 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" 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" 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">

                        <button class="js-menu-close-toggle  js-swap menu_close_toggle button_toggle" data-swap-target=".menu" data-swap-linked="menu">
                            <span class="menu_close_toggle_inner_default menu_close_toggle_inner button_toggle_inner_default button_toggle_inner">
                                <span class="menu_close_toggle_label_default menu_close_toggle_label button_toggle_label_default button_toggle_label">Close</span>
                                <span class="menu_close_toggle_icon_default menu_close_toggle_icon button_toggle_icon_default button_toggle_icon" aria-hidden="true">

                                    <svg class="icon icon_close">
                                        <use href="/images/icons.svg#close" />
                                    </svg>

                                </span>
                            </span>
                            <span class="menu_close_toggle_inner_active menu_close_toggle_inner button_toggle_inner_active button_toggle_inner">
                                <span class="menu_close_toggle_label_active menu_close_toggle_label button_toggle_label_active button_toggle_label">Close</span>
                                <span class="menu_close_toggle_icon_active menu_close_toggle_icon button_toggle_icon_active 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>
    </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 %}">
		{% render '@layout-header' with {
			page: page,
			_env: _env
		} %}

		<!-- Page -->
		<main class="page">
			<!-- Google Tag Manager (noscript) -->
			<noscript><iframe src='https://www.googletagmanager.com/ns.html?id=GTM-5FWHMLH' height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript>
			<!-- End Google Tag Manager (noscript) -->
			{{ yield }}
			<div class="back_to_top">
				<div class="fs-row">
					<div class="fs-cell">
						<div class="back_to_top_inner">
							{% include '@partial-link' with {
								class: 'back_to_top',
								title: 'Back to Top',
								url: '#header',
								icon: 'arrow_up'
							} %}
						</div>
					</div>
				</div>
			</div>
		</main>
		<!-- END: Page -->
		{% render '@layout-footer' with {
			page: page,
			_env: _env
		} %}
	</div>
	<!-- END: Page Wrapper -->

	{% render '@layout-menu' %}
{% endblock %}

No notes defined.