Home

<!-- Page Feature -->
<div class="page_feature" id="page_content" tabindex="-1" aria-labelledby="page_title">
    <div class="home_page_header js-page-header">
        <div class="home_page_header_inner">
            <div class="home_page_intro">
                <div class="fs-row">
                    <div class="fs-cell fs-lg-10 fs-xl-10">
                        <div class="home_page_intro_inner">
                            <h1 class="page_title" id="page_title" tabindex="-1">Fearless Learning. Forward Thinking.</h1>
                            <div class="home_page_intro_description">
                                <div class="page_intro_inner">
                                    <p class="home_page_description">Preparing intellectually curious students for lives of great achievement.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="home_page_intro_media">
        <div class="fs-row">
            <div class="fs-cell fs-lg-11">
                <div class="home_page_header_media">
                    <div class="fs-row">
                        <div class="fs-cell">
                            <div class="home_page_header_media_inner">
                                <div class="home_page_header_video">
                                    <iframe class="js-page-header-iframe home_page_header_iframe" src="//player.vimeo.com/video/288344114?&loop=1&muted=1&background=1" title="Fearless Learning. Forward Thinking. video" allow="fullscreen" allowfullscreen></iframe>
                                    <script src="//player.vimeo.com/api/player.js"></script>
                                </div>
                                <button class="home_page_header_media_play_pause_button js-home-feature-toggle" type="button">
                                    <span class="home_page_header_media_button_label js-home-feature-label">Pause</span>
                                    <span class="home_page_header_media_button_icon">

                                        <svg class="icon icon_pause">
                                            <use href="/images/icons.svg#pause" />
                                        </svg>

                                        <svg class="icon icon_play">
                                            <use href="/images/icons.svg#play" />
                                        </svg>

                                    </span>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: Page Feature -->

<!-- Page Content -->
<div class="page_content">
    <!-- Full Width Callouts -->
    <div class="full_width_callouts">
        <!-- HOME: Academic Pillars -->
        <div class="pillars">
            <div class="fs-row">
                <div class="fs-cell fs-lg-11">

                    <div class="pillars_inner">
                        <div class="pillars_content_wrapper">
                            <h2 class="pillars_title">Your New Path to learning begins here.</h2>
                            <span class="pillars_description">Delve into a liberal arts and science education tailored to your academic interests, career aspirations, and individual learning style. Explore the New College approach to academics:</span>
                        </div>
                        <figure class="pillars_figure" aria-hidden="true">
                            <span class="lazy_image_wrapper pillars_image_wrapper">
                                <img class="js-lazy js-lazyload pillars_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/300x169/1" data-src="//images.fastspot.com/new-college-of-florida/740x416/1" data-srcset="//images.fastspot.com/new-college-of-florida/740x416/1 740w, //images.fastspot.com/new-college-of-florida/500x282/1 500w, //images.fastspot.com/new-college-of-florida/300x169/1 300w" alt="">
                            </span>
                            <noscript>
                                <img class="pillars_image" src="https://images.fastspot.com/new-college-of-florida/300x169/1" srcset="https://images.fastspot.com/new-college-of-florida/300x169/1 300w, https://images.fastspot.com/new-college-of-florida/500x282/1 500w, https://images.fastspot.com/new-college-of-florida/740x416/1 740w" sizes="100vw" alt="">
                            </noscript>
                        </figure>
                    </div>

                    <div class="pillars_items">
                        <div class="pillar">

                            <div class="pillar_inner">
                                <div class="pillar_header">
                                    <button class="pillar_link js-swap" data-swap-target=".pillar_card_body_1" data-swap-group="pillars_group" data-swap-linked="pillar_1">
                                        <span class="pillar_link_inner">
                                            <span class="pillar_title">Innoative Curriculum</span>
                                            <span class="academic_pillar_link_icon">
                                                <svg class="icon icon_expand">
                                                    <use href="/images/icons.svg#expand" />
                                                </svg>
                                            </span>
                                        </span>
                                    </button>
                                </div>
                                <div class="pillar_card_body pillar_card_body_1" aria-live="polite">
                                    <button class="card_close js-swap" data-swap-target=".pillar_card_body_1" data-swap-group="pillars_group" data-swap-linked="pillar_1">
                                        <span class="academic_pillar_close_label">Close</span>
                                        <span class="academic_pillar_close_icon">
                                            <svg class="icon icon_close">
                                                <use href="/images/icons.svg#close" />
                                            </svg>
                                        </span>
                                    </button>
                                    <div class="pillar_card_inner">
                                        <p class="pillar_card_title">Robust & Flexible Curriculum</p>
                                        <p class="pillar_card_text">An expansive curriculum grounded in the arts and sciences that you can tailor to your interests and aspirations.</p>
                                        <a href="##" class="pillar_card_link">
                                            <span class="pillar_card_link_inner">
                                                <span class="pillar_card_link_label">More About the New Curriculum</span>
                                            </span>
                                        </a>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="pillar">

                            <div class="pillar_inner">
                                <div class="pillar_header">
                                    <button class="pillar_link js-swap" data-swap-target=".pillar_card_body_2" data-swap-group="pillars_group" data-swap-linked="pillar_2">
                                        <span class="pillar_link_inner">
                                            <span class="pillar_title">Experiential Learning</span>
                                            <span class="academic_pillar_link_icon">
                                                <svg class="icon icon_expand">
                                                    <use href="/images/icons.svg#expand" />
                                                </svg>
                                            </span>
                                        </span>
                                    </button>
                                </div>
                                <div class="pillar_card_body pillar_card_body_2" aria-live="polite">
                                    <button class="card_close js-swap" data-swap-target=".pillar_card_body_2" data-swap-group="pillars_group" data-swap-linked="pillar_2">
                                        <span class="academic_pillar_close_label">Close</span>
                                        <span class="academic_pillar_close_icon">
                                            <svg class="icon icon_close">
                                                <use href="/images/icons.svg#close" />
                                            </svg>
                                        </span>
                                    </button>
                                    <div class="pillar_card_inner">
                                        <p class="pillar_card_title">Robust & Flexible Curriculum</p>
                                        <p class="pillar_card_text">An expansive curriculum grounded in the arts and sciences that you can tailor to your interests and aspirations.</p>
                                        <a href="##" class="pillar_card_link">
                                            <span class="pillar_card_link_inner">
                                                <span class="pillar_card_link_label">More About the New Curriculum</span>
                                            </span>
                                        </a>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="pillar">

                            <div class="pillar_inner">
                                <div class="pillar_header">
                                    <button class="pillar_link js-swap" data-swap-target=".pillar_card_body_3" data-swap-group="pillars_group" data-swap-linked="pillar_3">
                                        <span class="pillar_link_inner">
                                            <span class="pillar_title">Personalized Career Planning</span>
                                            <span class="academic_pillar_link_icon">
                                                <svg class="icon icon_expand">
                                                    <use href="/images/icons.svg#expand" />
                                                </svg>
                                            </span>
                                        </span>
                                    </button>
                                </div>
                                <div class="pillar_card_body pillar_card_body_3" aria-live="polite">
                                    <button class="card_close js-swap" data-swap-target=".pillar_card_body_3" data-swap-group="pillars_group" data-swap-linked="pillar_3">
                                        <span class="academic_pillar_close_label">Close</span>
                                        <span class="academic_pillar_close_icon">
                                            <svg class="icon icon_close">
                                                <use href="/images/icons.svg#close" />
                                            </svg>
                                        </span>
                                    </button>
                                    <div class="pillar_card_inner">
                                        <p class="pillar_card_title">Robust & Flexible Curriculum</p>
                                        <p class="pillar_card_text">An expansive curriculum grounded in the arts and sciences that you can tailor to your interests and aspirations.</p>
                                        <a href="##" class="pillar_card_link">
                                            <span class="pillar_card_link_inner">
                                                <span class="pillar_card_link_label">More About the New Curriculum</span>
                                            </span>
                                        </a>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="pillar">

                            <div class="pillar_inner">
                                <div class="pillar_header">
                                    <button class="pillar_link js-swap" data-swap-target=".pillar_card_body_4" data-swap-group="pillars_group" data-swap-linked="pillar_4">
                                        <span class="pillar_link_inner">
                                            <span class="pillar_title">Comprehensive Student Support</span>
                                            <span class="academic_pillar_link_icon">
                                                <svg class="icon icon_expand">
                                                    <use href="/images/icons.svg#expand" />
                                                </svg>
                                            </span>
                                        </span>
                                    </button>
                                </div>
                                <div class="pillar_card_body pillar_card_body_4" aria-live="polite">
                                    <button class="card_close js-swap" data-swap-target=".pillar_card_body_4" data-swap-group="pillars_group" data-swap-linked="pillar_4">
                                        <span class="academic_pillar_close_label">Close</span>
                                        <span class="academic_pillar_close_icon">
                                            <svg class="icon icon_close">
                                                <use href="/images/icons.svg#close" />
                                            </svg>
                                        </span>
                                    </button>
                                    <div class="pillar_card_inner">
                                        <p class="pillar_card_title">Robust & Flexible Curriculum</p>
                                        <p class="pillar_card_text">An expansive curriculum grounded in the arts and sciences that you can tailor to your interests and aspirations.</p>
                                        <a href="##" class="pillar_card_link">
                                            <span class="pillar_card_link_inner">
                                                <span class="pillar_card_link_label">More About the New Curriculum</span>
                                            </span>
                                        </a>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!-- END: Academic Pillars -->
        <!-- HOME: What can I study? -->
        <div class="study">
            <div class="fs-row">
                <div class="fs-cell fs-lg-11">
                    <div class="study_inner">
                        <figure class="study_figure" aria-hidden="true">
                            <span class="lazy_image_wrapper study_image_wrapper">
                                <img class="js-lazy js-lazyload study_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/300x169/1" data-src="//images.fastspot.com/new-college-of-florida/740x416/1" data-srcset="//images.fastspot.com/new-college-of-florida/740x416/1 740w, //images.fastspot.com/new-college-of-florida/500x282/1 500w, //images.fastspot.com/new-college-of-florida/300x169/1 300w" alt="">
                            </span>
                            <noscript>
                                <img class="study_image" src="https://images.fastspot.com/new-college-of-florida/300x169/1" srcset="https://images.fastspot.com/new-college-of-florida/300x169/1 300w, https://images.fastspot.com/new-college-of-florida/500x282/1 500w, https://images.fastspot.com/new-college-of-florida/740x416/1 740w" sizes="100vw" alt="">
                            </noscript>
                        </figure>
                        <div class="study_content_wrapper">
                            <h2 class="study_title">What can I study?</h2>
                            <span class="study_description">From observing dolphin burst pulses to composing experimental music. Choose from 45 areas of concentration or design a multidisciplinary or special area of concentration.</span>
                            <a href="#" class="study_link">
                                <span class="study_link_inner">
                                    <span class="study_link_label">Explore Academics & Majors</span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END: HOME: What can I study? -->
        <div class="stats stats_full_width">

            <div class="fs-row">
                <div class="fs-cell fs-lg-12">

                    <div class="stats_inner">

                        <div class="stats_content_wrapper">
                            <h2 class="stats_title">Exceptional return on investment.</h2>
                            <a href="#" class="stats_link desktop_stats_link">
                                <span class="stats_link_inner">
                                    <span class="stats_link_label">Why New?</span>
                                </span>
                            </a>
                        </div>

                        <div class="stats_body js-carousel" data-carousel-options='{"maxWidth":"979px", "matchWidth": false, "controls": false, "contained": false}'>

                            <div class="stat">
                                <div class="stat_inner">
                                    <div class="stat_wrapper">
                                        <div class="stat_header">
                                            <h3 class="stat_title">Top 10</h3>
                                        </div>
                                        <div class="stat_body">
                                            <div class="stat_description">
                                                <p>Fiske Guide to Colleges ranks New College a Top 10 “Best Buy” public college.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="stat">
                                <div class="stat_inner">
                                    <div class="stat_wrapper">
                                        <div class="stat_header">
                                            <h3 class="stat_title">9 Of 10</h3>
                                        </div>
                                        <div class="stat_body">
                                            <div class="stat_description">
                                                <p>New College students receive some form of financial aid.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="stat">
                                <div class="stat_inner">
                                    <div class="stat_wrapper">
                                        <div class="stat_header">
                                            <h3 class="stat_title">6th</h3>
                                        </div>
                                        <div class="stat_body">
                                            <div class="stat_description">
                                                <p>Public liberal arts college in the nation according to U.S. News & World Report.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="stat">
                                <div class="stat_inner">
                                    <div class="stat_wrapper">
                                        <div class="stat_header">
                                            <h3 class="stat_title">1st</h3>
                                        </div>
                                        <div class="stat_body">
                                            <div class="stat_description">
                                                <p>No. 1 Lowest average student debt among all universities in Florida (lendedu.com).</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <a href="#" class="stats_link mobile_stats_link">
                            <span class="stats_link_inner">
                                <span class="stats_link_label">Why New?</span>
                            </span>
                        </a>

                    </div>

                </div>
            </div>

        </div> <!-- HOME: Faces at New College -->
        <div class="faces js-faces" style="--background-image: url('../images/faces_bg.png');">

            <div class="fs-row">
                <div class="fs-cell fs-lg-11">

                    <div class="faces_inner">
                        <div class="faces_header">
                            <h2 class="faces_header_title">Meet the faces at New.</h2>
                        </div>
                        <div class="faces_feature js-faces-feature">
                            <div class="faces_feature_inner">
                                <figure class="faces_feature_figure">
                                    <span class="lazy_image_wrapper faces_feature_image_wrapper">
                                        <img class="js-lazy js-lazyload faces_feature_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/225x300/1" data-src="//images.fastspot.com/new-college-of-florida/735x980/1" data-srcset="//images.fastspot.com/new-college-of-florida/735x980/1 735w, //images.fastspot.com/new-college-of-florida/555x740/1 555w, //images.fastspot.com/new-college-of-florida/375x500/1 375w, //images.fastspot.com/new-college-of-florida/225x300/1 225w" alt="">
                                    </span>
                                    <noscript>
                                        <img class="faces_feature_image" src="https://images.fastspot.com/new-college-of-florida/225x300/1" srcset="https://images.fastspot.com/new-college-of-florida/225x300/1 225w, https://images.fastspot.com/new-college-of-florida/375x500/1 375w, https://images.fastspot.com/new-college-of-florida/555x740/1 555w, https://images.fastspot.com/new-college-of-florida/735x980/1 735w" sizes="100vw" alt="">
                                    </noscript>
                                    <button class="faces_trigger js-faces-feature-trigger js-swap" type="button" data-swap-target=".faces_feature_card" data-swap-group="faces" data-swap-linked="feature">
                                        <span class="faces_trigger_name">
                                            <span class="faces_trigger_name_label">Natalius Antonin</span>
                                            <span class="faces_trigger_name_icon">
                                                <svg class="icon icon_expand">
                                                    <use href="/images/icons.svg#expand" />
                                                </svg>
                                            </span>
                                        </span>
                                        <span class="faces_trigger_program">Biology</span>
                                    </button>
                                </figure>
                                <div class="faces_feature_card" aria-live="polite">
                                    <div class="faces_feature_card_inner">
                                        <span class="faces_card_title">Natalius Antonin</span>
                                        <span class="faces_card_program">Biology</span>
                                        <span class="faces_card_description">An expansive curriculum grounded in the arts and sciences that you can tailor to your interests and aspirations.</span>
                                        <a href="#" class="faces_card_link">Learn More</a>
                                        <button class="faces_card_close js-swap" data-swap-target=".faces_feature_card" data-swap-group="faces" data-swap-linked="feature">
                                            <span class="faces_card_close_label">Close</span>
                                            <span class="faces_card_close_icon">
                                                <svg class="icon icon_close">
                                                    <use href="/images/icons.svg#close" />
                                                </svg>
                                            </span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="faces_list js-carousel" data-carousel-options='{"contained": false, "matchWidth": false, "controls": false, "maxWidth": "739px"}'>
                            <div class="faces_list_item">
                                <figure class="faces_item_figure">
                                    <span class="lazy_image_wrapper faces_item_image_wrapper">
                                        <img class="js-lazy js-lazyload faces_item_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/225x300/2" data-src="//images.fastspot.com/new-college-of-florida/375x500/2" data-srcset="//images.fastspot.com/new-college-of-florida/375x500/2 375w, //images.fastspot.com/new-college-of-florida/225x300/2 225w" alt="">
                                    </span>
                                    <noscript>
                                        <img class="faces_item_image" src="https://images.fastspot.com/new-college-of-florida/225x300/2" srcset="https://images.fastspot.com/new-college-of-florida/225x300/2 225w, https://images.fastspot.com/new-college-of-florida/375x500/2 375w" sizes="100vw" alt="">
                                    </noscript>
                                    <button class="faces_trigger js-faces-trigger js-swap" type="button" data-swap-target=".faces_item_card_1" data-swap-group="faces" data-swap-linked="faces_1">
                                        <span class="faces_trigger_name">
                                            <span class="faces_trigger_name_label">Stefan Fábián</span>
                                            <span class="faces_trigger_name_icon">
                                                <svg class="icon icon_expand">
                                                    <use href="/images/icons.svg#expand" />
                                                </svg>
                                            </span>
                                        </span>
                                        <span class="faces_trigger_program">Applied Mathematics</span>
                                    </button>
                                </figure>
                                <div class="faces_item_card faces_item_card_1 js-faces-item-card" aria-live="polite">
                                    <div class="faces_item_card_inner">
                                        <div class="faces_item_card_inner_inner js-card-inner">
                                            <span class="faces_card_title">Stefan Fábián</span>
                                            <span class="faces_card_program">Applied Mathematics</span>
                                            <span class="faces_card_description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae ex fringilla, rhoncus nibh sed, viverra nisi. Suspendisse eleifend urna eu eros ultrices ultrices. Praesent porttitor euismod maximus.</span>
                                            <a href="#" class="faces_card_link">Learn More</a>
                                            <button class="faces_card_close js-swap" data-swap-target=".faces_item_card_1" data-swap-group="faces" data-swap-linked="faces_1">
                                                <span class="faces_card_close_label">Close</span>
                                                <span class="faces_card_close_icon">
                                                    <svg class="icon icon_close">
                                                        <use href="/images/icons.svg#close" />
                                                    </svg>
                                                </span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="faces_list_item">
                                <figure class="faces_item_figure">
                                    <span class="lazy_image_wrapper faces_item_image_wrapper">
                                        <img class="js-lazy js-lazyload faces_item_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/225x300/7" data-src="//images.fastspot.com/new-college-of-florida/375x500/7" data-srcset="//images.fastspot.com/new-college-of-florida/375x500/7 375w, //images.fastspot.com/new-college-of-florida/225x300/7 225w" alt="">
                                    </span>
                                    <noscript>
                                        <img class="faces_item_image" src="https://images.fastspot.com/new-college-of-florida/225x300/7" srcset="https://images.fastspot.com/new-college-of-florida/225x300/7 225w, https://images.fastspot.com/new-college-of-florida/375x500/7 375w" sizes="100vw" alt="">
                                    </noscript>
                                    <button class="faces_trigger js-faces-trigger js-swap" type="button" data-swap-target=".faces_item_card_2" data-swap-group="faces" data-swap-linked="faces_2">
                                        <span class="faces_trigger_name">
                                            <span class="faces_trigger_name_label">Coretta Ante</span>
                                            <span class="faces_trigger_name_icon">
                                                <svg class="icon icon_expand">
                                                    <use href="/images/icons.svg#expand" />
                                                </svg>
                                            </span>
                                        </span>
                                        <span class="faces_trigger_program">Marine Biology</span>
                                    </button>
                                </figure>
                                <div class="faces_item_card faces_item_card_2 js-faces-item-card" aria-live="polite">
                                    <div class="faces_item_card_inner">
                                        <div class="faces_item_card_inner_inner js-card-inner">
                                            <span class="faces_card_title">Coretta Ante</span>
                                            <span class="faces_card_program">Marine Biology</span>
                                            <span class="faces_card_description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae ex fringilla, rhoncus nibh sed, viverra nisi. Suspendisse eleifend urna eu eros ultrices ultrices. Praesent porttitor euismod maximus.</span>
                                            <a href="#" class="faces_card_link">Learn More</a>
                                            <button class="faces_card_close js-swap" data-swap-target=".faces_item_card_2" data-swap-group="faces" data-swap-linked="faces_2">
                                                <span class="faces_card_close_label">Close</span>
                                                <span class="faces_card_close_icon">
                                                    <svg class="icon icon_close">
                                                        <use href="/images/icons.svg#close" />
                                                    </svg>
                                                </span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="faces_list_item">
                                <figure class="faces_item_figure">
                                    <span class="lazy_image_wrapper faces_item_image_wrapper">
                                        <img class="js-lazy js-lazyload faces_item_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/225x300/3" data-src="//images.fastspot.com/new-college-of-florida/375x500/3" data-srcset="//images.fastspot.com/new-college-of-florida/375x500/3 375w, //images.fastspot.com/new-college-of-florida/225x300/3 225w" alt="">
                                    </span>
                                    <noscript>
                                        <img class="faces_item_image" src="https://images.fastspot.com/new-college-of-florida/225x300/3" srcset="https://images.fastspot.com/new-college-of-florida/225x300/3 225w, https://images.fastspot.com/new-college-of-florida/375x500/3 375w" sizes="100vw" alt="">
                                    </noscript>
                                    <button class="faces_trigger js-faces-trigger js-swap" type="button" data-swap-target=".faces_item_card_3" data-swap-group="faces" data-swap-linked="faces_3">
                                        <span class="faces_trigger_name">
                                            <span class="faces_trigger_name_label">Chanan Jan</span>
                                            <span class="faces_trigger_name_icon">
                                                <svg class="icon icon_expand">
                                                    <use href="/images/icons.svg#expand" />
                                                </svg>
                                            </span>
                                        </span>
                                        <span class="faces_trigger_program">Literature Professor</span>
                                    </button>
                                </figure>
                                <div class="faces_item_card faces_item_card_3 js-faces-item-card" aria-live="polite">
                                    <div class="faces_item_card_inner">
                                        <div class="faces_item_card_inner_inner js-card-inner">
                                            <span class="faces_card_title">Chanan Jan</span>
                                            <span class="faces_card_program">Literature Professor</span>
                                            <span class="faces_card_description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae ex fringilla, rhoncus nibh sed, viverra nisi. Suspendisse eleifend urna eu eros ultrices ultrices. Praesent porttitor euismod maximus.</span>
                                            <a href="#" class="faces_card_link">Learn More</a>
                                            <button class="faces_card_close js-swap" data-swap-target=".faces_item_card_3" data-swap-group="faces" data-swap-linked="faces_3">
                                                <span class="faces_card_close_label">Close</span>
                                                <span class="faces_card_close_icon">
                                                    <svg class="icon icon_close">
                                                        <use href="/images/icons.svg#close" />
                                                    </svg>
                                                </span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="faces_list_item">
                                <figure class="faces_item_figure">
                                    <span class="lazy_image_wrapper faces_item_image_wrapper">
                                        <img class="js-lazy js-lazyload faces_item_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/225x300/4" data-src="//images.fastspot.com/new-college-of-florida/375x500/4" data-srcset="//images.fastspot.com/new-college-of-florida/375x500/4 375w, //images.fastspot.com/new-college-of-florida/225x300/4 225w" alt="">
                                    </span>
                                    <noscript>
                                        <img class="faces_item_image" src="https://images.fastspot.com/new-college-of-florida/225x300/4" srcset="https://images.fastspot.com/new-college-of-florida/225x300/4 225w, https://images.fastspot.com/new-college-of-florida/375x500/4 375w" sizes="100vw" alt="">
                                    </noscript>
                                    <button class="faces_trigger js-faces-trigger js-swap" type="button" data-swap-target=".faces_item_card_4" data-swap-group="faces" data-swap-linked="faces_4">
                                        <span class="faces_trigger_name">
                                            <span class="faces_trigger_name_label">Maud Sumiko</span>
                                            <span class="faces_trigger_name_icon">
                                                <svg class="icon icon_expand">
                                                    <use href="/images/icons.svg#expand" />
                                                </svg>
                                            </span>
                                        </span>
                                        <span class="faces_trigger_program">Environmental Studies</span>
                                    </button>
                                </figure>
                                <div class="faces_item_card faces_item_card_4 js-faces-item-card" aria-live="polite">
                                    <div class="faces_item_card_inner">
                                        <div class="faces_item_card_inner_inner js-card-inner">
                                            <span class="faces_card_title">Maud Sumiko</span>
                                            <span class="faces_card_program">Environmental Studies</span>
                                            <span class="faces_card_description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae ex fringilla, rhoncus nibh sed, viverra nisi. Suspendisse eleifend urna eu eros ultrices ultrices. Praesent porttitor euismod maximus.</span>
                                            <a href="#" class="faces_card_link">Learn More</a>
                                            <button class="faces_card_close js-swap" data-swap-target=".faces_item_card_4" data-swap-group="faces" data-swap-linked="faces_4">
                                                <span class="faces_card_close_label">Close</span>
                                                <span class="faces_card_close_icon">
                                                    <svg class="icon icon_close">
                                                        <use href="/images/icons.svg#close" />
                                                    </svg>
                                                </span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="faces_list_item">
                                <figure class="faces_item_figure">
                                    <span class="lazy_image_wrapper faces_item_image_wrapper">
                                        <img class="js-lazy js-lazyload faces_item_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/225x300/5" data-src="//images.fastspot.com/new-college-of-florida/375x500/5" data-srcset="//images.fastspot.com/new-college-of-florida/375x500/5 375w, //images.fastspot.com/new-college-of-florida/225x300/5 225w" alt="">
                                    </span>
                                    <noscript>
                                        <img class="faces_item_image" src="https://images.fastspot.com/new-college-of-florida/225x300/5" srcset="https://images.fastspot.com/new-college-of-florida/225x300/5 225w, https://images.fastspot.com/new-college-of-florida/375x500/5 375w" sizes="100vw" alt="">
                                    </noscript>
                                    <button class="faces_trigger js-faces-trigger js-swap" type="button" data-swap-target=".faces_item_card_5" data-swap-group="faces" data-swap-linked="faces_5">
                                        <span class="faces_trigger_name">
                                            <span class="faces_trigger_name_label">Mara Tour</span>
                                            <span class="faces_trigger_name_icon">
                                                <svg class="icon icon_expand">
                                                    <use href="/images/icons.svg#expand" />
                                                </svg>
                                            </span>
                                        </span>
                                        <span class="faces_trigger_program">English</span>
                                    </button>
                                </figure>
                                <div class="faces_item_card faces_item_card_5 js-faces-item-card" aria-live="polite">
                                    <div class="faces_item_card_inner">
                                        <div class="faces_item_card_inner_inner js-card-inner">
                                            <span class="faces_card_title">Mara Tour</span>
                                            <span class="faces_card_program">English</span>
                                            <span class="faces_card_description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae ex fringilla, rhoncus nibh sed, viverra nisi. Suspendisse eleifend urna eu eros ultrices ultrices. Praesent porttitor euismod maximus.</span>
                                            <a href="#" class="faces_card_link">Learn More</a>
                                            <button class="faces_card_close js-swap" data-swap-target=".faces_item_card_5" data-swap-group="faces" data-swap-linked="faces_5">
                                                <span class="faces_card_close_label">Close</span>
                                                <span class="faces_card_close_icon">
                                                    <svg class="icon icon_close">
                                                        <use href="/images/icons.svg#close" />
                                                    </svg>
                                                </span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="faces_list_item">
                                <figure class="faces_item_figure">
                                    <span class="lazy_image_wrapper faces_item_image_wrapper">
                                        <img class="js-lazy js-lazyload faces_item_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/225x300/6" data-src="//images.fastspot.com/new-college-of-florida/375x500/6" data-srcset="//images.fastspot.com/new-college-of-florida/375x500/6 375w, //images.fastspot.com/new-college-of-florida/225x300/6 225w" alt="">
                                    </span>
                                    <noscript>
                                        <img class="faces_item_image" src="https://images.fastspot.com/new-college-of-florida/225x300/6" srcset="https://images.fastspot.com/new-college-of-florida/225x300/6 225w, https://images.fastspot.com/new-college-of-florida/375x500/6 375w" sizes="100vw" alt="">
                                    </noscript>
                                    <button class="faces_trigger js-faces-trigger js-swap" type="button" data-swap-target=".faces_item_card_6" data-swap-group="faces" data-swap-linked="faces_6">
                                        <span class="faces_trigger_name">
                                            <span class="faces_trigger_name_label">Lara Mats</span>
                                            <span class="faces_trigger_name_icon">
                                                <svg class="icon icon_expand">
                                                    <use href="/images/icons.svg#expand" />
                                                </svg>
                                            </span>
                                        </span>
                                        <span class="faces_trigger_program">Mathematics</span>
                                    </button>
                                </figure>
                                <div class="faces_item_card faces_item_card_6 js-faces-item-card" aria-live="polite">
                                    <div class="faces_item_card_inner">
                                        <div class="faces_item_card_inner_inner js-card-inner">
                                            <span class="faces_card_title">Lara Mats</span>
                                            <span class="faces_card_program">Mathematics</span>
                                            <span class="faces_card_description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae ex fringilla, rhoncus nibh sed, viverra nisi. Suspendisse eleifend urna eu eros ultrices ultrices. Praesent porttitor euismod maximus.</span>
                                            <a href="#" class="faces_card_link">Learn More</a>
                                            <button class="faces_card_close js-swap" data-swap-target=".faces_item_card_6" data-swap-group="faces" data-swap-linked="faces_6">
                                                <span class="faces_card_close_label">Close</span>
                                                <span class="faces_card_close_icon">
                                                    <svg class="icon icon_close">
                                                        <use href="/images/icons.svg#close" />
                                                    </svg>
                                                </span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

        </div>
        <!-- END: Faces at New College -->
        <!-- YOU VISIT - Home page  -->
        <div class="you_visit" style="--background-image: url('../images/virtual_tour.png');">
            <div class="fs-row">
                <div class="fs-cell fs-lg-8">
                    <div class="you_visit_inner">
                        <div class="you_visit_content_wrapper">
                            <h2 class="you_visit_title">Take a virtual campus tour.</h2>
                            <span class="you_visit_description">Located on a beautiful 110-acre campus on sunny Sarasota Bay, New College provides an ideal learning environment for intellectually curious, motivated students who thrive on active learning.</span>
                            <a href="#" class="you_visit_link">
                                <span class="you_visit_link_inner">
                                    <span class="you_visit_link_label">Take the Virtual Tour</span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- YOU VISIT - Home page -->
        <!-- TAKE THE NEXT STEP: home page -->
        <div class="next_step">
            <div class="fs-row">
                <div class="fs-cell fs-lg-9 fs-xl-8">
                    <div class="next_step_inner">
                        <div class="next_step_header">
                            <h2 class="next_step_title">Take the next step.</h2>
                        </div>
                        <ul class="next_step_list">
                            <li class="next_step_item">
                                <a class="next_step_link" href="#" target="_blank">
                                    <span class="next_step_link_inner">
                                        <span class="next_step_link_label">About the Application Process</span>
                                        <span class="next_step_link_icon">
                                            <svg class="icon icon_arrow_right">
                                                <use href="/images/icons.svg#arrow_right" />
                                            </svg>
                                        </span>
                                    </span>
                                </a>
                            </li>
                            <li class="next_step_item">
                                <a class="next_step_link" href="#" target="_blank">
                                    <span class="next_step_link_inner">
                                        <span class="next_step_link_label">Talk to a Counselor</span>
                                        <span class="next_step_link_icon">
                                            <svg class="icon icon_external">
                                                <use href="/images/icons.svg#external" />
                                            </svg>
                                        </span>
                                    </span>
                                </a>
                            </li>
                            <li class="next_step_item">
                                <a class="next_step_link" href="#" target="_blank">
                                    <span class="next_step_link_inner">
                                        <span class="next_step_link_label">Visit Campus</span>
                                        <span class="next_step_link_icon">
                                            <svg class="icon icon_file">
                                                <use href="/images/icons.svg#file" />
                                            </svg>
                                        </span>
                                    </span>
                                </a>
                            </li>
                            <li class="next_step_item">
                                <a class="next_step_link" href="#" target="_blank">
                                    <span class="next_step_link_inner">
                                        <span class="next_step_link_label">Request Information</span>
                                        <span class="next_step_link_icon">
                                            <svg class="icon icon_arrow_right">
                                                <use href="/images/icons.svg#arrow_right" />
                                            </svg>
                                        </span>
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- END: TAKE THE NEXT STEP: home page -->
        <div class="news_feature">

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

                    <div class="news_feature_inner">

                        <div class="news_feature_primary">
                            <!-- News Item -->
                            <div class="news_item news_item_feature">
                                <h2 class="news_feature_mobile_group_title">New College News</h2>
                                <div class="news_item_feature_image_wrapper">
                                    <figure class="news_item_figure">
                                        <a class="news_item_figure_link" href="#" aria-label="Read more about Words in Action Festival Celebrates Queer Art Activism" tabindex="-1">
                                            <span class="lazy_image_wrapper news_item_image_wrapper">
                                                <img class="js-lazy js-lazyload news_item_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/300x200/1" data-src="//images.fastspot.com/new-college-of-florida/980x654/1" data-srcset="//images.fastspot.com/new-college-of-florida/980x654/1 980w, //images.fastspot.com/new-college-of-florida/740x494/1 740w, //images.fastspot.com/new-college-of-florida/500x334/1 500w, //images.fastspot.com/new-college-of-florida/300x200/1 300w" alt="">
                                            </span>
                                            <noscript>
                                                <img class="news_item_image" src="https://images.fastspot.com/new-college-of-florida/300x200/1" srcset="https://images.fastspot.com/new-college-of-florida/300x200/1 300w, https://images.fastspot.com/new-college-of-florida/500x334/1 500w, https://images.fastspot.com/new-college-of-florida/740x494/1 740w, https://images.fastspot.com/new-college-of-florida/980x654/1 980w" sizes="100vw" alt="">
                                            </noscript>
                                        </a>
                                    </figure>
                                </div>
                                <div class="news_item_wrapper has_image">
                                    <h2 class="news_feature_group_title">New College News</h2>
                                    <figure class="news_item_figure">
                                        <span class="lazy_image_wrapper news_item_group_image_wrapper">
                                            <img class="js-lazy js-lazyload news_item_group_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/300x200/1" data-src="//images.fastspot.com/new-college-of-florida/980x654/1" data-srcset="//images.fastspot.com/new-college-of-florida/980x654/1 980w, //images.fastspot.com/new-college-of-florida/740x494/1 740w, //images.fastspot.com/new-college-of-florida/500x334/1 500w, //images.fastspot.com/new-college-of-florida/300x200/1 300w" alt="">
                                        </span>
                                        <noscript>
                                            <img class="news_item_group_image" src="https://images.fastspot.com/new-college-of-florida/300x200/1" srcset="https://images.fastspot.com/new-college-of-florida/300x200/1 300w, https://images.fastspot.com/new-college-of-florida/500x334/1 500w, https://images.fastspot.com/new-college-of-florida/740x494/1 740w, https://images.fastspot.com/new-college-of-florida/980x654/1 980w" sizes="100vw" alt="">
                                        </noscript>
                                    </figure>
                                    <div class="news_item_group">
                                        <div class="news_item_header">
                                            <h3 class="news_item_title">

                                                <a href="#" class="news_item_title_link">
                                                    <span class="news_item_title_link_inner">
                                                        <span class="news_item_title_link_label">Words in Action Festival Celebrates Queer Art Activism</span>
                                                        <span class="news_item_title_link_icon" aria-hidden="true">
                                                            <span class="news_item_title_link_icon_inner">
                                                                <svg class="icon icon_arrow_right">
                                                                    <use xlink:href="/images/icons.svg#arrow_right"></use>
                                                                </svg>
                                                            </span>
                                                        </span>
                                                    </span>
                                                </a>
                                            </h3>
                                            <div class="news_item_categories">
                                                <div class="news_item_category_hint">Categories</div>
                                                <ul class="news_item_category_list" aria-label="Categories">
                                                    <li class="news_item_category">
                                                        <a class="news_item_category_link" href="page-news-category.html">Category 1</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="news_item_body">
                                            <div class="news_item_details">
                                                <div class="news_item_detail news_item_date">
                                                    <span class="news_item_detail_hint">Posted </span>
                                                    <time class="news_item_detail_label" datetime="2021-04-01 17:00:00">April 1, 2021</time>
                                                </div>
                                                <div class="news_item_detail news_item_author">
                                                    <span class="news_item_detail_hint"><span>- </span>by&nbsp;</span>
                                                    <span class="news_item_detail_label">Author</span>
                                                </div>
                                            </div>
                                            <div class="news_item_description">
                                                <p>Join New College for a five-part series of panels, workshops, salons and campus conversations that will empower attendees to think practically about pursuing arts-based careers.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- END: News Item -->
                        </div>

                        <div class="news_feature_group js-carousel" data-carousel-options='{"maxWidth":"979px", "matchWidth": false, "controls": false, "contained": false}'>
                            <!-- News Item -->
                            <div class="news_item">
                                <div class="news_item_wrapper has_image">
                                    <figure class="news_item_figure">
                                        <span class="lazy_image_wrapper news_item_group_image_wrapper">
                                            <img class="js-lazy js-lazyload news_item_group_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/300x200/1" data-src="//images.fastspot.com/new-college-of-florida/980x654/1" data-srcset="//images.fastspot.com/new-college-of-florida/980x654/1 980w, //images.fastspot.com/new-college-of-florida/740x494/1 740w, //images.fastspot.com/new-college-of-florida/500x334/1 500w, //images.fastspot.com/new-college-of-florida/300x200/1 300w" alt="">
                                        </span>
                                        <noscript>
                                            <img class="news_item_group_image" src="https://images.fastspot.com/new-college-of-florida/300x200/1" srcset="https://images.fastspot.com/new-college-of-florida/300x200/1 300w, https://images.fastspot.com/new-college-of-florida/500x334/1 500w, https://images.fastspot.com/new-college-of-florida/740x494/1 740w, https://images.fastspot.com/new-college-of-florida/980x654/1 980w" sizes="100vw" alt="">
                                        </noscript>
                                    </figure>
                                    <div class="news_item_group">
                                        <div class="news_item_header">
                                            <h2 class="news_item_title">

                                                <a href="#" class="news_item_title_link">
                                                    <span class="news_item_title_link_inner">
                                                        <span class="news_item_title_link_label">Presidential Finalists are Set as NCF Prepares for Interviews</span>
                                                        <span class="news_item_title_link_icon" aria-hidden="true">
                                                            <span class="news_item_title_link_icon_inner">
                                                                <svg class="icon icon_arrow_right">
                                                                    <use xlink:href="/images/icons.svg#arrow_right"></use>
                                                                </svg>
                                                            </span>
                                                        </span>
                                                    </span>
                                                </a>
                                            </h2>
                                            <div class="news_item_categories">
                                                <div class="news_item_category_hint">Categories</div>
                                                <ul class="news_item_category_list" aria-label="Categories">
                                                    <li class="news_item_category">
                                                        <a class="news_item_category_link" href="page-news-category.html">Category 1</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="news_item_body">
                                            <div class="news_item_details">
                                                <div class="news_item_detail news_item_date">
                                                    <span class="news_item_detail_hint">Posted </span>
                                                    <time class="news_item_detail_label" datetime="2021-04-01 17:00:00">April 1, 2021</time>
                                                </div>
                                                <div class="news_item_detail news_item_author">
                                                    <span class="news_item_detail_hint"><span>- </span>by&nbsp;</span>
                                                    <span class="news_item_detail_label">Author</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- END: News Item -->
                            <!-- News Item -->
                            <div class="news_item">
                                <div class="news_item_wrapper has_image">
                                    <figure class="news_item_figure">
                                        <span class="lazy_image_wrapper news_item_group_image_wrapper">
                                            <img class="js-lazy js-lazyload news_item_group_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/300x200/1" data-src="//images.fastspot.com/new-college-of-florida/980x654/1" data-srcset="//images.fastspot.com/new-college-of-florida/980x654/1 980w, //images.fastspot.com/new-college-of-florida/740x494/1 740w, //images.fastspot.com/new-college-of-florida/500x334/1 500w, //images.fastspot.com/new-college-of-florida/300x200/1 300w" alt="">
                                        </span>
                                        <noscript>
                                            <img class="news_item_group_image" src="https://images.fastspot.com/new-college-of-florida/300x200/1" srcset="https://images.fastspot.com/new-college-of-florida/300x200/1 300w, https://images.fastspot.com/new-college-of-florida/500x334/1 500w, https://images.fastspot.com/new-college-of-florida/740x494/1 740w, https://images.fastspot.com/new-college-of-florida/980x654/1 980w" sizes="100vw" alt="">
                                        </noscript>
                                    </figure>
                                    <div class="news_item_group">
                                        <div class="news_item_header">
                                            <h2 class="news_item_title">

                                                <a href="#" class="news_item_title_link">
                                                    <span class="news_item_title_link_inner">
                                                        <span class="news_item_title_link_label">NCF “Ranked Best Value” Liberal Arts College</span>
                                                        <span class="news_item_title_link_icon" aria-hidden="true">
                                                            <span class="news_item_title_link_icon_inner">
                                                                <svg class="icon icon_arrow_right">
                                                                    <use xlink:href="/images/icons.svg#arrow_right"></use>
                                                                </svg>
                                                            </span>
                                                        </span>
                                                    </span>
                                                </a>
                                            </h2>
                                            <div class="news_item_categories">
                                                <div class="news_item_category_hint">Categories</div>
                                                <ul class="news_item_category_list" aria-label="Categories">
                                                    <li class="news_item_category">
                                                        <a class="news_item_category_link" href="page-news-category.html">Category 1</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="news_item_body">
                                            <div class="news_item_details">
                                                <div class="news_item_detail news_item_date">
                                                    <span class="news_item_detail_hint">Posted </span>
                                                    <time class="news_item_detail_label" datetime="2021-04-01 17:00:00">April 1, 2021</time>
                                                </div>
                                                <div class="news_item_detail news_item_author">
                                                    <span class="news_item_detail_hint"><span>- </span>by&nbsp;</span>
                                                    <span class="news_item_detail_label">Author</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- END: News Item -->
                            <!-- News Item -->
                            <div class="news_item">
                                <div class="news_item_wrapper has_image">
                                    <figure class="news_item_figure">
                                        <span class="lazy_image_wrapper news_item_group_image_wrapper">
                                            <img class="js-lazy js-lazyload news_item_group_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/300x200/1" data-src="//images.fastspot.com/new-college-of-florida/980x654/1" data-srcset="//images.fastspot.com/new-college-of-florida/980x654/1 980w, //images.fastspot.com/new-college-of-florida/740x494/1 740w, //images.fastspot.com/new-college-of-florida/500x334/1 500w, //images.fastspot.com/new-college-of-florida/300x200/1 300w" alt="">
                                        </span>
                                        <noscript>
                                            <img class="news_item_group_image" src="https://images.fastspot.com/new-college-of-florida/300x200/1" srcset="https://images.fastspot.com/new-college-of-florida/300x200/1 300w, https://images.fastspot.com/new-college-of-florida/500x334/1 500w, https://images.fastspot.com/new-college-of-florida/740x494/1 740w, https://images.fastspot.com/new-college-of-florida/980x654/1 980w" sizes="100vw" alt="">
                                        </noscript>
                                    </figure>
                                    <div class="news_item_group">
                                        <div class="news_item_header">
                                            <h2 class="news_item_title">

                                                <a href="#" class="news_item_title_link">
                                                    <span class="news_item_title_link_inner">
                                                        <span class="news_item_title_link_label">NCF Dance Series is an Inclusive Celebration</span>
                                                        <span class="news_item_title_link_icon" aria-hidden="true">
                                                            <span class="news_item_title_link_icon_inner">
                                                                <svg class="icon icon_arrow_right">
                                                                    <use xlink:href="/images/icons.svg#arrow_right"></use>
                                                                </svg>
                                                            </span>
                                                        </span>
                                                    </span>
                                                </a>
                                            </h2>
                                            <div class="news_item_categories">
                                                <div class="news_item_category_hint">Categories</div>
                                                <ul class="news_item_category_list" aria-label="Categories">
                                                    <li class="news_item_category">
                                                        <a class="news_item_category_link" href="page-news-category.html">Category 1</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="news_item_body">
                                            <div class="news_item_details">
                                                <div class="news_item_detail news_item_date">
                                                    <span class="news_item_detail_hint">Posted </span>
                                                    <time class="news_item_detail_label" datetime="2021-04-01 17:00:00">April 1, 2021</time>
                                                </div>
                                                <div class="news_item_detail news_item_author">
                                                    <span class="news_item_detail_hint"><span>- </span>by&nbsp;</span>
                                                    <span class="news_item_detail_label">Author</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- END: News Item -->
                        </div>

                        <div class="news_feature_footer">
                            <a href="#" class="news_feature_footer_link">
                                <span class="news_feature_footer_link_inner">
                                    <span class="news_feature_footer_link_label">View All News</span>
                                </span>
                            </a>
                        </div>

                    </div>

                </div>
            </div>

        </div>
        <div class="event_feature">

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

                    <div class="event_feature_inner">

                        <div class="event_feature_primary">
                            <!-- Evemt Item -->
                            <div class="event_item event_item_feature">
                                <h2 class="event_feature_mobile_group_title">Upcoming Events</h2>
                                <div class="event_item_feature_image_wrapper">
                                    <figure class="event_item_figure">
                                        <a class="event_item_figure_link" href="#" aria-label="Read more about Does it Spark Joy? Increasing Student Agency in Science Learning" tabindex="-1">
                                            <span class="lazy_image_wrapper event_item_image_wrapper">
                                                <img class="js-lazy js-lazyload event_item_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/300x200/1" data-src="//images.fastspot.com/new-college-of-florida/980x654/1" data-srcset="//images.fastspot.com/new-college-of-florida/980x654/1 980w, //images.fastspot.com/new-college-of-florida/740x494/1 740w, //images.fastspot.com/new-college-of-florida/500x334/1 500w, //images.fastspot.com/new-college-of-florida/300x200/1 300w" alt="">
                                            </span>
                                            <noscript>
                                                <img class="event_item_image" src="https://images.fastspot.com/new-college-of-florida/300x200/1" srcset="https://images.fastspot.com/new-college-of-florida/300x200/1 300w, https://images.fastspot.com/new-college-of-florida/500x334/1 500w, https://images.fastspot.com/new-college-of-florida/740x494/1 740w, https://images.fastspot.com/new-college-of-florida/980x654/1 980w" sizes="100vw" alt="">
                                            </noscript>
                                        </a>
                                    </figure>
                                </div>
                                <div class="event_item_wrapper">
                                    <h2 class="event_feature_group_title">Upcoming Events</h2>
                                    <figure class="event_item_figure">
                                        <span class="lazy_image_wrapper event_item_group_image_wrapper">
                                            <img class="js-lazy js-lazyload event_item_group_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/300x200/1" data-src="//images.fastspot.com/new-college-of-florida/980x654/1" data-srcset="//images.fastspot.com/new-college-of-florida/980x654/1 980w, //images.fastspot.com/new-college-of-florida/740x494/1 740w, //images.fastspot.com/new-college-of-florida/500x334/1 500w, //images.fastspot.com/new-college-of-florida/300x200/1 300w" alt="">
                                        </span>
                                        <noscript>
                                            <img class="event_item_group_image" src="https://images.fastspot.com/new-college-of-florida/300x200/1" srcset="https://images.fastspot.com/new-college-of-florida/300x200/1 300w, https://images.fastspot.com/new-college-of-florida/500x334/1 500w, https://images.fastspot.com/new-college-of-florida/740x494/1 740w, https://images.fastspot.com/new-college-of-florida/980x654/1 980w" sizes="100vw" alt="">
                                        </noscript>
                                    </figure>
                                    <div class="event_item_group">
                                        <div class="event_item_header">
                                            <h3 class="event_item_title">

                                                <a href="#" class="event_item_title_link">
                                                    <span class="event_item_title_link_inner">
                                                        <span class="event_item_title_link_label">Does it Spark Joy? Increasing Student Agency in Science Learning</span>
                                                        <span class="event_item_title_link_icon" aria-hidden="true">
                                                            <span class="event_item_title_link_icon_inner">
                                                                <svg class="icon icon_arrow_right">
                                                                    <use xlink:href="/images/icons.svg#arrow_right"></use>
                                                                </svg>
                                                            </span>
                                                        </span>
                                                    </span>
                                                </a>
                                            </h3>

                                            <span class="event_item_date_pill">
                                                Apr 15
                                            </span>
                                        </div>

                                        <div class="event_item_body">
                                            <!-- Event Details -->
                                            <div class="event_details">
                                                <div class="event_detail event_detail_date">
                                                    <span class="event_detail_hint">When:&nbsp;</span>
                                                    <span class="event_detail_label">
                                                        <span class="event_detail_label_date">May 31</span>
                                                        5:00 PM - 7:00 PM
                                                        –
                                                        <span class="event_detail_label_date">Jun 13</span>
                                                        5:00 PM - 7:00 PM
                                                    </span>
                                                </div>
                                                <div class="event_detail event_detail_location">
                                                    <span class="event_detail_hint">Where:&nbsp;</span>
                                                    <span class="event_detail_label">Fastspot, 2980 Long Name of Road Rd. Baltimore, MD 21218</span>
                                                </div>
                                                <div class="event_detail event_detail_category">
                                                    <span class="event_detail_hint">Category:&nbsp;</span>
                                                    <ul class="event_detail_list" aria-label="Categories">
                                                        <li class="event_detail_item">
                                                            <a class="event_detail_link" href="page-event-category.html">Category One</a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <!-- END: Event Details -->
                                            <div class="event_item_description">
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Enim egestas massa aliquet posuere. In ante et proin semper turpis duis. Varius lorem diam, tristique pharetra eget id est libero varius.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- END: Event Item -->

                        </div>

                        <div class="event_feature_group js-carousel" data-carousel-options='{"maxWidth":"979px", "matchWidth": false, "controls": false, "contained": false}'>
                            <!-- Evemt Item -->
                            <div class="event_item">
                                <div class="event_item_wrapper">
                                    <figure class="event_item_figure">
                                        <span class="lazy_image_wrapper event_item_group_image_wrapper">
                                            <img class="js-lazy js-lazyload event_item_group_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/300x200/1" data-src="//images.fastspot.com/new-college-of-florida/980x654/1" data-srcset="//images.fastspot.com/new-college-of-florida/980x654/1 980w, //images.fastspot.com/new-college-of-florida/740x494/1 740w, //images.fastspot.com/new-college-of-florida/500x334/1 500w, //images.fastspot.com/new-college-of-florida/300x200/1 300w" alt="">
                                        </span>
                                        <noscript>
                                            <img class="event_item_group_image" src="https://images.fastspot.com/new-college-of-florida/300x200/1" srcset="https://images.fastspot.com/new-college-of-florida/300x200/1 300w, https://images.fastspot.com/new-college-of-florida/500x334/1 500w, https://images.fastspot.com/new-college-of-florida/740x494/1 740w, https://images.fastspot.com/new-college-of-florida/980x654/1 980w" sizes="100vw" alt="">
                                        </noscript>
                                    </figure>
                                    <div class="event_item_group">
                                        <div class="event_item_header">
                                            <h2 class="event_item_title">

                                                <a href="#" class="event_item_title_link">
                                                    <span class="event_item_title_link_inner">
                                                        <span class="event_item_title_link_label">Meet the Entrepreneurs: A Virtual Panel Discussion</span>
                                                        <span class="event_item_title_link_icon" aria-hidden="true">
                                                            <span class="event_item_title_link_icon_inner">
                                                                <svg class="icon icon_arrow_right">
                                                                    <use xlink:href="/images/icons.svg#arrow_right"></use>
                                                                </svg>
                                                            </span>
                                                        </span>
                                                    </span>
                                                </a>
                                            </h2>

                                            <span class="event_item_date_pill">
                                                Apr 16
                                                -
                                                May 1
                                            </span>
                                        </div>

                                        <div class="event_item_body">
                                            <!-- Event Details -->
                                            <div class="event_details">
                                                <div class="event_detail event_detail_date">
                                                    <span class="event_detail_hint">When:&nbsp;</span>
                                                    <span class="event_detail_label">
                                                        <span class="event_detail_label_date">May 31</span>
                                                        5:00 PM - 7:00 PM
                                                        –
                                                        <span class="event_detail_label_date">Jun 13</span>
                                                        5:00 PM - 7:00 PM
                                                    </span>
                                                </div>
                                                <div class="event_detail event_detail_location">
                                                    <span class="event_detail_hint">Where:&nbsp;</span>
                                                    <span class="event_detail_label">Fastspot, 2980 Long Name of Road Rd. Baltimore, MD 21218</span>
                                                </div>
                                                <div class="event_detail event_detail_category">
                                                    <span class="event_detail_hint">Category:&nbsp;</span>
                                                    <ul class="event_detail_list" aria-label="Categories">
                                                        <li class="event_detail_item">
                                                            <a class="event_detail_link" href="page-event-category.html">Category One</a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <!-- END: Event Details -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- END: Event Item -->

                            <!-- Evemt Item -->
                            <div class="event_item">
                                <div class="event_item_wrapper">
                                    <figure class="event_item_figure">
                                        <span class="lazy_image_wrapper event_item_group_image_wrapper">
                                            <img class="js-lazy js-lazyload event_item_group_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/300x200/1" data-src="//images.fastspot.com/new-college-of-florida/980x654/1" data-srcset="//images.fastspot.com/new-college-of-florida/980x654/1 980w, //images.fastspot.com/new-college-of-florida/740x494/1 740w, //images.fastspot.com/new-college-of-florida/500x334/1 500w, //images.fastspot.com/new-college-of-florida/300x200/1 300w" alt="">
                                        </span>
                                        <noscript>
                                            <img class="event_item_group_image" src="https://images.fastspot.com/new-college-of-florida/300x200/1" srcset="https://images.fastspot.com/new-college-of-florida/300x200/1 300w, https://images.fastspot.com/new-college-of-florida/500x334/1 500w, https://images.fastspot.com/new-college-of-florida/740x494/1 740w, https://images.fastspot.com/new-college-of-florida/980x654/1 980w" sizes="100vw" alt="">
                                        </noscript>
                                    </figure>
                                    <div class="event_item_group">
                                        <div class="event_item_header">
                                            <h2 class="event_item_title">

                                                <a href="#" class="event_item_title_link">
                                                    <span class="event_item_title_link_inner">
                                                        <span class="event_item_title_link_label">COVID: It's Complicated Panel Discussion</span>
                                                        <span class="event_item_title_link_icon" aria-hidden="true">
                                                            <span class="event_item_title_link_icon_inner">
                                                                <svg class="icon icon_arrow_right">
                                                                    <use xlink:href="/images/icons.svg#arrow_right"></use>
                                                                </svg>
                                                            </span>
                                                        </span>
                                                    </span>
                                                </a>
                                            </h2>

                                            <span class="event_item_date_pill">
                                                Apr 18
                                                -
                                                20
                                            </span>
                                        </div>

                                        <div class="event_item_body">
                                            <!-- Event Details -->
                                            <div class="event_details">
                                                <div class="event_detail event_detail_date">
                                                    <span class="event_detail_hint">When:&nbsp;</span>
                                                    <span class="event_detail_label">
                                                        <span class="event_detail_label_date">May 31</span>
                                                        5:00 PM - 7:00 PM
                                                        –
                                                        <span class="event_detail_label_date">Jun 13</span>
                                                        5:00 PM - 7:00 PM
                                                    </span>
                                                </div>
                                                <div class="event_detail event_detail_location">
                                                    <span class="event_detail_hint">Where:&nbsp;</span>
                                                    <span class="event_detail_label">Fastspot, 2980 Long Name of Road Rd. Baltimore, MD 21218</span>
                                                </div>
                                                <div class="event_detail event_detail_category">
                                                    <span class="event_detail_hint">Category:&nbsp;</span>
                                                    <ul class="event_detail_list" aria-label="Categories">
                                                        <li class="event_detail_item">
                                                            <a class="event_detail_link" href="page-event-category.html">Category One</a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <!-- END: Event Details -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- END: Event Item -->

                            <!-- Evemt Item -->
                            <div class="event_item">
                                <div class="event_item_wrapper">
                                    <figure class="event_item_figure">
                                        <span class="lazy_image_wrapper event_item_group_image_wrapper">
                                            <img class="js-lazy js-lazyload event_item_group_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/300x200/1" data-src="//images.fastspot.com/new-college-of-florida/980x654/1" data-srcset="//images.fastspot.com/new-college-of-florida/980x654/1 980w, //images.fastspot.com/new-college-of-florida/740x494/1 740w, //images.fastspot.com/new-college-of-florida/500x334/1 500w, //images.fastspot.com/new-college-of-florida/300x200/1 300w" alt="">
                                        </span>
                                        <noscript>
                                            <img class="event_item_group_image" src="https://images.fastspot.com/new-college-of-florida/300x200/1" srcset="https://images.fastspot.com/new-college-of-florida/300x200/1 300w, https://images.fastspot.com/new-college-of-florida/500x334/1 500w, https://images.fastspot.com/new-college-of-florida/740x494/1 740w, https://images.fastspot.com/new-college-of-florida/980x654/1 980w" sizes="100vw" alt="">
                                        </noscript>
                                    </figure>
                                    <div class="event_item_group">
                                        <div class="event_item_header">
                                            <h2 class="event_item_title">

                                                <a href="#" class="event_item_title_link">
                                                    <span class="event_item_title_link_inner">
                                                        <span class="event_item_title_link_label">Context for Discourse Herstory Month: The Herstorical Panel</span>
                                                        <span class="event_item_title_link_icon" aria-hidden="true">
                                                            <span class="event_item_title_link_icon_inner">
                                                                <svg class="icon icon_arrow_right">
                                                                    <use xlink:href="/images/icons.svg#arrow_right"></use>
                                                                </svg>
                                                            </span>
                                                        </span>
                                                    </span>
                                                </a>
                                            </h2>

                                            <span class="event_item_date_pill">
                                                Apr 16
                                            </span>
                                        </div>

                                        <div class="event_item_body">
                                            <!-- Event Details -->
                                            <div class="event_details">
                                                <div class="event_detail event_detail_date">
                                                    <span class="event_detail_hint">When:&nbsp;</span>
                                                    <span class="event_detail_label">
                                                        <span class="event_detail_label_date">May 31</span>
                                                        5:00 PM - 7:00 PM
                                                        –
                                                        <span class="event_detail_label_date">Jun 13</span>
                                                        5:00 PM - 7:00 PM
                                                    </span>
                                                </div>
                                                <div class="event_detail event_detail_location">
                                                    <span class="event_detail_hint">Where:&nbsp;</span>
                                                    <span class="event_detail_label">Fastspot, 2980 Long Name of Road Rd. Baltimore, MD 21218</span>
                                                </div>
                                                <div class="event_detail event_detail_category">
                                                    <span class="event_detail_hint">Category:&nbsp;</span>
                                                    <ul class="event_detail_list" aria-label="Categories">
                                                        <li class="event_detail_item">
                                                            <a class="event_detail_link" href="page-event-category.html">Category One</a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <!-- END: Event Details -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- END: Event Item -->

                        </div>

                        <div class="event_feature_footer">
                            <a href="#" class="event_feature_footer_link">
                                <span class="event_feature_footer_link_inner">
                                    <span class="event_feature_footer_link_label">View All Events</span>
                                </span>
                            </a>
                        </div>

                    </div>

                </div>
            </div>

        </div>
    </div>
    <!-- END: Full Width Callouts -->
</div>
<!-- Page Feature -->
<div class="page_feature" id="page_content" tabindex="-1" aria-labelledby="page_title">
	{% include "@partial-home-page-header" with {
		page: page
	} %}
</div>
<!-- END: Page Feature -->

<!-- Page Content -->
<div class="page_content">
	<!-- Full Width Callouts -->
	<div class="full_width_callouts">
		{% render "@component-academic-pillars" %}
		{% render "@component-what-can-i-study" %}
		{% render "@component-stats--full-width" %}
		{% render "@component-faces" %}
		{% render "@component-you-visit" %}
		{% render "@component-take-the-next-step" %}
		{% render "@partial-news-feature" %}
		{% render "@partial-event-feature" %}
	</div>
	<!-- END: Full Width Callouts -->
</div>

No notes defined.