<div class="page_header">
    <div class="page_header_inner">
        <div class="breadcrumb">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="breadcrumb_inner">

                        <nav class="breadcrumb_nav" aria-labelledby="breadcrumb_nav_title">
                            <div class="breadcrumb_nav_header">
                                <h2 class="breadcrumb_nav_title" id="breadcrumb_nav_title">You are here:</h2>
                            </div>
                            <ol class="breadcrumb_list" aria-labelledby="breadcrumb_nav_title">
                                <li class="breadcrumb_item breadcrumb_item_home">
                                    <a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html">
                                        <span class="breadcrumb_pill_inner">
                                            <span class="breadcrumb_pill_icon" aria-hidden="true">
                                                <svg class="icon icon_home">
                                                    <use href="/images/icons.svg#home" />
                                                </svg>
                                            </span>
                                            <span class="breadcrumb_pill_label">Home</span>
                                        </span>
                                    </a>
                                    <span class="breadcrumb_divider" aria-hidden="true">
                                        <svg class="icon icon_angle_right">
                                            <use href="/images/icons.svg#angle_right" />
                                        </svg>
                                    </span>
                                </li>
                                <li class="breadcrumb_item">
                                    <a class="breadcrumb_pill breadcrumb_pill_link" href="#">
                                        <span class="breadcrumb_pill_inner">
                                            <span class="breadcrumb_pill_label">Navigation Level</span>
                                        </span>
                                    </a>
                                    <span class="breadcrumb_divider" aria-hidden="true">
                                        <svg class="icon icon_angle_right">
                                            <use href="/images/icons.svg#angle_right" />
                                        </svg>
                                    </span>
                                </li>
                                <li class="breadcrumb_item">
                                    <a class="breadcrumb_pill breadcrumb_pill_link" href="#">
                                        <span class="breadcrumb_pill_inner">
                                            <span class="breadcrumb_pill_label">Parent Level</span>
                                        </span>
                                    </a>
                                    <span class="breadcrumb_divider" aria-hidden="true">
                                        <svg class="icon icon_angle_right">
                                            <use href="/images/icons.svg#angle_right" />
                                        </svg>
                                    </span>
                                </li>
                                <li class="breadcrumb_item">
                                    <span class="breadcrumb_pill">
                                        <span class="breadcrumb_pill_inner">
                                            <span class="breadcrumb_pill_label"></span>
                                        </span>
                                    </span>
                                    <span class="breadcrumb_end" aria-hidden="true">
                                        <svg class="icon icon_angle_down">
                                            <use href="/images/icons.svg#angle_down" />
                                        </svg>
                                    </span>
                                </li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>

        <div class="page_intro">
            <div class="fs-row">
                <div class="fs-cell fs-lg-10 fs-xl-9">
                    <div class="page_intro_inner">
                        <h1 class="page_title" id="page_title" tabindex="-1">Admissions</h1>
                        <p class="page_description">Dis facilisis tellus ultricies vestibulum cubilia risus, blandit commodo hac ut posuere ex cursus, class libero imperdiet nullam odio.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="page_nav">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="page_nav_inner">
                        <a class="skip_link skip_subnav" id="skip_sub_link" href="#page_content">Skip Sub Navigation</a>

                        <div class="js-sub-nav-group sub_nav_group">

                            <button class="js-sub-nav-toggle js-swap sub_nav_toggle " data-swap-target=".js-sub-nav-group">
                                <span class="sub_nav_toggle_inner_default sub_nav_toggle_inner">
                                    <span class="sub_nav_toggle_label_default sub_nav_toggle_label">Explore This Section</span>
                                    <span class="sub_nav_toggle_icon_default sub_nav_toggle_icon" aria-hidden="true">
                                        <span class="sub_nav_toggle_icon_inner_default sub_nav_toggle_icon_inner">
                                            <span class="sub_nav_toggle_icon_space">&#xfeff;</span>

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

                                        </span>
                                    </span>
                                </span>
                                <span class="sub_nav_toggle_inner_active sub_nav_toggle_inner">
                                    <span class="sub_nav_toggle_label_active sub_nav_toggle_label">Close</span>
                                    <span class="sub_nav_toggle_icon_active sub_nav_toggle_icon" aria-hidden="true">
                                        <span class="sub_nav_toggle_icon_inner_active sub_nav_toggle_icon_inner">
                                            <span class="sub_nav_toggle_icon_space">&#xfeff;</span>

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

                                        </span>
                                    </span>
                                </span>
                            </button>
                            <nav class="js-sub-nav sub_nav" aria-labelledby="sub_nav_title">
                                <div class="sub_nav_header">
                                    <h2 class="sub_nav_title" id="sub_nav_title">Admissions</h2>
                                </div>
                                <div class="js-sub-nav-body sub_nav_body">
                                    <div class="js-sub-nav-body-inner sub_nav_body_inner">
                                        <ul class="js-sub-nav-list sub_nav_list" aria-labelledby="sub_nav_title">
                                            <li class="sub_nav_item">
                                                <a class="sub_nav_link" href="#">
                                                    <span class="sub_nav_link_label">Know Thyself</span>
                                                </a>
                                            </li>
                                            <li class="sub_nav_item">
                                                <a class="sub_nav_link" href="#">
                                                    <span class="sub_nav_link_label">Just the Facts</span>
                                                </a>
                                            </li>
                                            <li class="sub_nav_item">
                                                <a class="sub_nav_link" href="#">
                                                    <span class="sub_nav_link_label">History &amp; Traditions</span>
                                                </a>
                                            </li>
                                            <li class="sub_nav_item">
                                                <a class="sub_nav_link" href="#">
                                                    <span class="sub_nav_link_label">Our Region</span>
                                                </a>
                                            </li>
                                            <li class="sub_nav_item">
                                                <a class="sub_nav_link" href="#">
                                                    <span class="sub_nav_link_label">Diversity, Equity &amp; Inclusion</span>
                                                </a>
                                                <ul class="sub_nav_children">
                                                    <li class="sub_nav_child_item">
                                                        <a class="sub_nav_child_link" href="#">
                                                            <span class="sub_nav_child_link_label">Advisory Council</span>
                                                        </a>
                                                    </li>
                                                    <li class="sub_nav_child_item">
                                                        <a class="sub_nav_child_link" href="#">
                                                            <span class="sub_nav_child_link_label">Programs &amp; Services</span>
                                                        </a>
                                                    </li>
                                                    <li class="sub_nav_child_item">
                                                        <a class="sub_nav_child_link" href="#">
                                                            <span class="sub_nav_child_link_label">Student Cultural Orgs</span>
                                                        </a>
                                                    </li>
                                                    <li class="sub_nav_child_item">
                                                        <a class="sub_nav_child_link" href="#">
                                                            <span class="sub_nav_child_link_label">Tracking Progress</span>
                                                        </a>
                                                    </li>
                                                    <li class="sub_nav_child_item">
                                                        <a class="sub_nav_child_link" href="#">
                                                            <span class="sub_nav_child_link_label">Updates &amp; Messages</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="sub_nav_item">
                                                <a class="sub_nav_link" href="#">
                                                    <span class="sub_nav_link_label">Contact Us</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Page Content -->
<div class="page_content" id="page_content" tabindex="-1" aria-labelledby="page_title">
    <div class="fs-row">
        <div class="fs-cell fs-lg-8 fs-lg-justify-center">
            <!-- WYSIWYG -->
            <div class="typography">
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. <a href="#">Nulla consequat</a> massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem</p>
            </div>
            <!-- END: WYSIWYG -->
        </div>
    </div>
</div>
<!-- END: Page Content -->

<!-- Full Width Callouts -->
<div class="full_width_callouts">

    <!-- Topic Row -->
    <div class="topics">
        <div class="fs-row">
            <div class="fs-cell fs-lg-8 fs-lg-justify-center">
                <div class="topics_inner">
                    <div class="topics_header">
                        <h2 class="topics_title">
                            <span class="topics_title_label">Why Choose Us</span>
                        </h2>
                    </div>
                    <div class="topics_body">
                        <div class="topic">
                            <div class="topic_inner">
                                <figure class="topic_figure" aria-hidden="true">

                                    <img class="topic_image" srcset="https://images.fastspot.com/hamilton/740x494/1 740w, https://images.fastspot.com/hamilton/500x334/1 500w, https://images.fastspot.com/hamilton/300x200/1 300w" src="https://images.fastspot.com/hamilton/300x200/1" alt="" loading="lazy" width="300" height="200">
                                </figure>
                                <div class="topic_wrapper">
                                    <div class="topic_header">
                                        <h3 class="topic_title">Ornare Egestas</h3>
                                    </div>
                                    <div class="topic_body">
                                        <div class="topic_description">
                                            <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>
                                        </div>
                                    </div>
                                    <div class="topic_links">
                                        <div class="topic_link_item">

                                            <a href="#" class="topic_link">
                                                <span class="topic_link_inner">
                                                    <span class="topic_link_label">Link Title One</span>
                                                </span>
                                            </a>
                                        </div>
                                        <div class="topic_link_item">

                                            <a href="#" class="topic_link">
                                                <span class="topic_link_inner">
                                                    <span class="topic_link_label">Link Title Two</span>
                                                </span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="topic">
                            <div class="topic_inner">
                                <figure class="topic_figure" aria-hidden="true">

                                    <img class="topic_image" srcset="https://images.fastspot.com/hamilton/740x494/2 740w, https://images.fastspot.com/hamilton/500x334/2 500w, https://images.fastspot.com/hamilton/300x200/2 300w" src="https://images.fastspot.com/hamilton/300x200/2" alt="" loading="lazy" width="300" height="200">
                                </figure>
                                <div class="topic_wrapper">
                                    <div class="topic_header">
                                        <h3 class="topic_title">Aenean Cras Ultricies</h3>
                                    </div>
                                    <div class="topic_body">
                                        <div class="topic_description">
                                            <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>
                                        </div>
                                    </div>
                                    <div class="topic_links">
                                        <div class="topic_link_item">

                                            <a href="#" class="topic_link">
                                                <span class="topic_link_inner">
                                                    <span class="topic_link_label">Link Title One</span>
                                                </span>
                                            </a>
                                        </div>
                                        <div class="topic_link_item">

                                            <a href="#" class="topic_link">
                                                <span class="topic_link_inner">
                                                    <span class="topic_link_label">Link Title Two</span>
                                                </span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Topic Row -->

    <!-- Call to Action -->
    <div class="cta">
        <div class="fs-row">
            <div class="fs-cell fs-lg-8 fs-lg-justify-center">
                <div class="cta_inner">
                    <div class="cta_description">
                        <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auct.</p>
                    </div>
                    <div class="cta_action">

                        <a href="#" class="cta_link">
                            <span class="cta_link_inner">
                                <span class="cta_link_label">Button Label</span>
                            </span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Call to Action -->

    <!-- Card Group -->
    <div class="card_group">
        <div class="card_group_header">
            <div class="fs-row">
                <div class="fs-cell fs-lg-8 fs-lg-justify-center">
                    <div class="card_group_header_inner">
                        <h2 class="card_group_title">Facts & Figures</h2>
                        <div class="card_group_description">
                            <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auct.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card_group_body">
            <div class="fs-row">
                <div class="fs-cell">
                    <ul class="card_group_items card_count_4" aria-label="Facts & Figures">
                        <li class="card_group_item">
                            <figure class="card_group_item_figure">

                                <img class="card_group_item_image" srcset="https://images.fastspot.com/hamilton/740x494/1 740w, https://images.fastspot.com/hamilton/500x334/1 500w, https://images.fastspot.com/hamilton/300x200/1 300w" src="https://images.fastspot.com/hamilton/300x200/1" alt="" loading="lazy" width="300" height="200">
                            </figure>
                            <div class="card_group_item_body">
                                <h3 class="card_group_item_title">
                                    <span class="card_group_item_title_label">Ornare Egestas</span>
                                </h3>
                                <div class="card_group_item_description">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget est sed ex pretium fringilla. Vivamus ac turpis quis eros consectetur ornare.</p>
                                </div>
                            </div>
                        </li>
                        <li class="card_group_item">
                            <figure class="card_group_item_figure">

                                <img class="card_group_item_image" srcset="https://images.fastspot.com/hamilton/740x494/2 740w, https://images.fastspot.com/hamilton/500x334/2 500w, https://images.fastspot.com/hamilton/300x200/2 300w" src="https://images.fastspot.com/hamilton/300x200/2" alt="" loading="lazy" width="300" height="200">
                            </figure>
                            <div class="card_group_item_body">
                                <h3 class="card_group_item_stat">
                                    <span class="card_group_item_stat_figure">100%</span>
                                    <span class="card_group_item_stat_context">of undergraduate students</span>
                                </h3>
                                <div class="card_group_item_description">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget est sed ex pretium fringilla. <a href="#">Vivamus ac turpis</a> quis eros consectetur ornare.</p>
                                </div>
                            </div>
                        </li>
                        <li class="card_group_item">
                            <figure class="card_group_item_figure">

                                <img class="card_group_item_image" srcset="https://images.fastspot.com/hamilton/740x494/3 740w, https://images.fastspot.com/hamilton/500x334/3 500w, https://images.fastspot.com/hamilton/300x200/3 300w" src="https://images.fastspot.com/hamilton/300x200/3" alt="" loading="lazy" width="300" height="200">
                            </figure>
                            <div class="card_group_item_body">
                                <h3 class="card_group_item_title">
                                    <span class="card_group_item_title_label">Ornare Egestas</span>
                                </h3>
                                <div class="card_group_item_description">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget est sed ex pretium fringilla. Vivamus ac turpis quis eros consectetur ornare.</p>
                                </div>
                            </div>
                        </li>
                        <li class="card_group_item">
                            <figure class="card_group_item_figure">

                                <img class="card_group_item_image" srcset="https://images.fastspot.com/hamilton/740x494/4 740w, https://images.fastspot.com/hamilton/500x334/4 500w, https://images.fastspot.com/hamilton/300x200/4 300w" src="https://images.fastspot.com/hamilton/300x200/4" alt="" loading="lazy" width="300" height="200">
                            </figure>
                            <div class="card_group_item_body">
                                <h3 class="card_group_item_stat">
                                    <span class="card_group_item_stat_figure">100%</span>
                                    <span class="card_group_item_stat_context">of undergraduate students</span>
                                </h3>
                                <div class="card_group_item_description">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget est sed ex pretium fringilla. Vivamus ac turpis quis eros consectetur ornare.</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Card Group -->

    <!-- Accordion -->
    <div class="js-accordion accordion">
        <div class="fs-row">
            <div class="fs-cell fs-lg-8 fs-lg-justify-center">
                <div class="accordion_inner">
                    <div class="accordion_header">
                        <h2 class="accordion_title">
                            <span class="accordion_title_label">Admissions Deadlines</span>
                        </h2>
                        <div class="accordion_description">
                            <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auct.</p>
                        </div>
                    </div>
                    <div class="accordion_items">
                        <div class="js-accordion-item js-accordion-item-2-1 accordion_item">
                            <h3 class="accordion_item_heading">
                                <button class="js-accordion-swap js-swap accordion_item_button" data-swap-target=".js-accordion-item-2-1">
                                    <span class="accordion_item_heading_inner">
                                        <span class="accordion_item_heading_label">
                                            <span class="accordion_item_heading_title">Mar 15</span>
                                            <span class="accordion_item_heading_subtitle">Quam Bibendum Pellentesque Tellus</span>
                                        </span>
                                        <span class="accordion_item_heading_icon"></span>
                                    </span>
                                </button>
                            </h3>
                            <div class="js-accordion-content accordion_item_content typography" aria-labelled="Mar 15 Quam Bibendum Pellentesque Tellus">
                                <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.</p>
                            </div>
                        </div>
                        <div class="js-accordion-item js-accordion-item-2-2 accordion_item">
                            <h3 class="accordion_item_heading">
                                <button class="js-accordion-swap js-swap accordion_item_button" data-swap-target=".js-accordion-item-2-2">
                                    <span class="accordion_item_heading_inner">
                                        <span class="accordion_item_heading_label">
                                            <span class="accordion_item_heading_title">June 16</span>
                                            <span class="accordion_item_heading_subtitle">Quam Bibendum Pellentesque Tellus</span>
                                        </span>
                                        <span class="accordion_item_heading_icon"></span>
                                    </span>
                                </button>
                            </h3>
                            <div class="js-accordion-content accordion_item_content typography" aria-labelled="June 16 Quam Bibendum Pellentesque Tellus">

                            </div>
                        </div>
                        <div class="js-accordion-item js-accordion-item-2-3 accordion_item">
                            <h3 class="accordion_item_heading">
                                <button class="js-accordion-swap js-swap accordion_item_button" data-swap-target=".js-accordion-item-2-3">
                                    <span class="accordion_item_heading_inner">
                                        <span class="accordion_item_heading_label">
                                            <span class="accordion_item_heading_title">Vulputate Porta Egestas Magna Dolor</span>
                                        </span>
                                        <span class="accordion_item_heading_icon"></span>
                                    </span>
                                </button>
                            </h3>
                            <div class="js-accordion-content accordion_item_content typography" aria-labelled="Vulputate Porta Egestas Magna Dolor">
                                <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.</p>
                                <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.</p>
                            </div>
                        </div>
                        <div class="js-accordion-item js-accordion-item-2-4 accordion_item">
                            <h3 class="accordion_item_heading">
                                <button class="js-accordion-swap js-swap accordion_item_button" data-swap-target=".js-accordion-item-2-4">
                                    <span class="accordion_item_heading_inner">
                                        <span class="accordion_item_heading_label">
                                            <span class="accordion_item_heading_title">August 12 - August 17</span>
                                            <span class="accordion_item_heading_subtitle">Quam Bibendum Pellentesque Tellus</span>
                                        </span>
                                        <span class="accordion_item_heading_icon"></span>
                                    </span>
                                </button>
                            </h3>
                            <div class="js-accordion-content accordion_item_content typography" aria-labelled="August 12 - August 17 Quam Bibendum Pellentesque Tellus">
                                Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.
                            </div>
                        </div>
                        <div class="js-accordion-item js-accordion-item-2-5 accordion_item">
                            <h3 class="accordion_item_heading">
                                <button class="js-accordion-swap js-swap accordion_item_button" data-swap-target=".js-accordion-item-2-5">
                                    <span class="accordion_item_heading_inner">
                                        <span class="accordion_item_heading_label">
                                            <span class="accordion_item_heading_title">Lorem Tellus Sollicitudin Mollis</span>
                                            <span class="accordion_item_heading_subtitle">Quam Bibendum Pellentesque Tellus</span>
                                        </span>
                                        <span class="accordion_item_heading_icon"></span>
                                    </span>
                                </button>
                            </h3>
                            <div class="js-accordion-content accordion_item_content typography" aria-labelled="Lorem Tellus Sollicitudin Mollis Quam Bibendum Pellentesque Tellus">
                                Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.
                            </div>
                        </div>
                        <div class="js-accordion-item js-accordion-item-2-6 accordion_item">
                            <h3 class="accordion_item_heading">
                                <button class="js-accordion-swap js-swap accordion_item_button" data-swap-target=".js-accordion-item-2-6">
                                    <span class="accordion_item_heading_inner">
                                        <span class="accordion_item_heading_label">
                                            <span class="accordion_item_heading_title">Vulputate Porta Egestas Magna Dolor</span>
                                        </span>
                                        <span class="accordion_item_heading_icon"></span>
                                    </span>
                                </button>
                            </h3>
                            <div class="js-accordion-content accordion_item_content typography" aria-labelled="Vulputate Porta Egestas Magna Dolor">
                                Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.
                            </div>
                        </div>
                        <div class="js-accordion-item js-accordion-item-2-7 accordion_item">
                            <h3 class="accordion_item_heading">
                                <button class="js-accordion-swap js-swap accordion_item_button" data-swap-target=".js-accordion-item-2-7">
                                    <span class="accordion_item_heading_inner">
                                        <span class="accordion_item_heading_label">
                                            <span class="accordion_item_heading_title">Lorem Tellus Sollicitudin Mollis</span>
                                            <span class="accordion_item_heading_subtitle">Quam Bibendum Pellentesque Tellus</span>
                                        </span>
                                        <span class="accordion_item_heading_icon"></span>
                                    </span>
                                </button>
                            </h3>
                            <div class="js-accordion-content accordion_item_content typography" aria-labelled="Lorem Tellus Sollicitudin Mollis Quam Bibendum Pellentesque Tellus">
                                Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Accordion -->

    <!-- Gallery -->
    <div class="gallery">
        <div class="fs-row">
            <div class="fs-cell fs-lg-8 fs-lg-justify-center">
                <div class="gallery_inner">
                    <div class="gallery_header">
                        <h2 class="gallery_title">Our Campus</h2>
                    </div>
                    <div class="gallery_body">
                        <div class="js-carousel gallery_items" role="region" aria-label="Our&#x20;Campus Gallery" data-carousel-options='{"contained":false,"labels":{"controls":"Our Campus carousel controls","pagination":"Our Campus carousel pagination"}}'>
                            <div class="gallery_item">
                                <figure class="gallery_item_figure" aria-label="Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.">
                                    <span class="gallery_item_media">

                                        <img class="gallery_item_image" srcset="https://images.fastspot.com/hamilton/1220x686/1 1220w, https://images.fastspot.com/hamilton/980x552/1 980w, https://images.fastspot.com/hamilton/740x416/1 740w, https://images.fastspot.com/hamilton/500x282/1 500w, https://images.fastspot.com/hamilton/300x169/1 300w" src="https://images.fastspot.com/hamilton/300x169/1" alt="" loading="lazy" width="300" height="169">
                                    </span>
                                    <figcaption class="gallery_details">
                                        <span class="gallery_index">
                                            <span class="gallery_index_number">1</span>
                                            <span class="gallery_index_label">of</span>
                                            <span class="gallery_index_number">3</span>
                                        </span>
                                        <p class="gallery_item_caption">Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec <a href="#">ullamcorper nulla non metus auctor fringilla</a>.</p>
                                    </figcaption>
                                </figure>
                            </div>
                            <div class="gallery_item no_caption">
                                <figure class="gallery_item_figure">
                                    <span class="gallery_item_media">

                                        <img class="gallery_item_image" srcset="https://images.fastspot.com/hamilton/1220x686/2 1220w, https://images.fastspot.com/hamilton/980x552/2 980w, https://images.fastspot.com/hamilton/740x416/2 740w, https://images.fastspot.com/hamilton/500x282/2 500w, https://images.fastspot.com/hamilton/300x169/2 300w" src="https://images.fastspot.com/hamilton/300x169/2" alt="" loading="lazy" width="300" height="169">
                                        <iframe class="gallery_item_iframe" width="560" height="315" src="https://www.youtube.com/embed/XPjQhvjQbSM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" title="Our Campus Youtube Video" allowfullscreen></iframe>
                                    </span>
                                    <figcaption class="gallery_details">
                                        <span class="gallery_index">
                                            <span class="gallery_index_number">2</span>
                                            <span class="gallery_index_label">of</span>
                                            <span class="gallery_index_number">3</span>
                                        </span>
                                    </figcaption>
                                </figure>
                            </div>
                            <div class="gallery_item no_caption">
                                <figure class="gallery_item_figure">
                                    <span class="gallery_item_media">

                                        <img class="gallery_item_image" srcset="https://images.fastspot.com/hamilton/1220x686/2 1220w, https://images.fastspot.com/hamilton/980x552/2 980w, https://images.fastspot.com/hamilton/740x416/2 740w, https://images.fastspot.com/hamilton/500x282/2 500w, https://images.fastspot.com/hamilton/300x169/2 300w" src="https://images.fastspot.com/hamilton/300x169/2" alt="" loading="lazy" width="300" height="169">
                                        <iframe class="gallery_item_iframe" src="https://player.vimeo.com/video/100759165?color=ffffff&title=0&byline=0&portrait=0" frameborder="0" allow="autoplay; fullscreen" title="Our Campus Vimeo Video" allowfullscreen></iframe>
                                        <script src="https://player.vimeo.com/api/player.js"></script>
                                    </span>
                                    <figcaption class="gallery_details">
                                        <span class="gallery_index">
                                            <span class="gallery_index_number">3</span>
                                            <span class="gallery_index_label">of</span>
                                            <span class="gallery_index_number">3</span>
                                        </span>
                                    </figcaption>
                                </figure>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Gallery -->
</div>
{% include '@partial-page-header' with {
	page: page
} %}

<!-- Page Content -->
<div class="page_content" id="page_content" tabindex="-1" aria-labelledby="page_title">
	<div class="fs-row">
		<div class="fs-cell {{ cell }}">
			<!-- WYSIWYG -->
			<div class="typography">
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. <a href="#">Nulla consequat</a> massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem</p>
			</div>
			<!-- END: WYSIWYG -->
		</div>
	</div>
</div>
<!-- END: Page Content -->

<!-- Full Width Callouts -->
<div class="full_width_callouts">
	{% include '@component-topic-row' with {
		title: 'Why Choose Us',
		description: '',
		items: [
			{
				title: 'Ornare Egestas',
				image: '1',
				description: 'Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.',
				links: [
					{
						title: 'Link Title One',
						url: '#',
						icon: ''
					},
					{
						title: 'Link Title Two',
						url: '#',
						icon: ''
					}
				]
			},
			{
				title: 'Aenean Cras Ultricies',
				image: '2',
				description: 'Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.',
				links: [
					{
						title: 'Link Title One',
						url: '#',
						icon: ''
					},
					{
						title: 'Link Title Two',
						url: '#',
						icon: ''
					}
				]
			}
		]
	} %}

	{% include '@component-call-to-action' with {
		description: 'Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auct.',
		link: {
			url: '#',
			label: 'Button Label',
			aria: '',
			icon: ''
		}
	} %}

	{% include '@component-card-group' with {
		title: 'Facts & Figures',
		description: 'Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auct.',
		items: [
			{
				image: '1',
				title: 'Ornare Egestas',
				description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget est sed ex pretium fringilla. Vivamus ac turpis quis eros consectetur ornare.'
			},
			{
				image: '2',
				stat: {
					figure: '100%',
					context: 'of undergraduate students'
				},
				description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget est sed ex pretium fringilla. <a href="#">Vivamus ac turpis</a> quis eros consectetur ornare.'
			},
			{
				image: '3',
				title: 'Ornare Egestas',
				description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget est sed ex pretium fringilla. Vivamus ac turpis quis eros consectetur ornare.'
			},
			{
				image: '4',
				stat: {
					figure: '100%',
					context: 'of undergraduate students'
				},
				description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget est sed ex pretium fringilla. Vivamus ac turpis quis eros consectetur ornare.'
			}
		]
	} %}

	{% include '@component-accordion' with {
		title: 'Admissions Deadlines',
		description: 'Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auct.',
		grouped: false,
		items: [
			{
				title: 'Mar 15',
				subtitle: 'Quam Bibendum Pellentesque Tellus',
				description: '<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.</p>'
			},
			{
				title: 'June 16',
				subtitle: 'Quam Bibendum Pellentesque Tellus',
				description: ''
			},
			{
				title: 'Vulputate Porta Egestas Magna Dolor',
				subtitle: '',
				description: '<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.</p><p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.</p>'
			},
			{
				title: 'August 12 - August 17',
				subtitle: 'Quam Bibendum Pellentesque Tellus',
				description: 'Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.'
			},
			{
				title: 'Lorem Tellus Sollicitudin Mollis',
				subtitle: 'Quam Bibendum Pellentesque Tellus',
				description: 'Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.'
			},
			{
				title: 'Vulputate Porta Egestas Magna Dolor',
				subtitle: '',
				description: 'Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.'
			},
			{
				title: 'Lorem Tellus Sollicitudin Mollis',
				subtitle: 'Quam Bibendum Pellentesque Tellus',
				description: 'Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.'
			}
		]
	} %}

	{% include '@component-gallery' with {
		title: 'Our Campus',
		description: '',
		items: [
			{
				image: '1',
				video: '',
				caption: 'Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec <a href="#">ullamcorper nulla non metus auctor fringilla</a>.'
			},
			{
				image: '2',
				video: {
					service: 'youtube',
					id: 'XPjQhvjQbSM',
					title: 'Our Campus Youtube Video'
				},
				caption: ''
			},
			{
				image: '2',
				video: {
					service: 'vimeo',
					id: '100759165',
					title: 'Our Campus Vimeo Video'
				},
				caption: ''
			}
		]
	} %}
</div>

No notes defined.