<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">
                    </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">
                            <figure class="home_page_header_figure">
                                <span class="lazy_image_wrapper home_page_header_image_wrapper">
                                    <img class="js-lazy js-lazyload home_page_header_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/500x282/1" data-src="//images.fastspot.com/new-college-of-florida/1440x617/1" data-srcset="//images.fastspot.com/new-college-of-florida/1440x617/1 1440w, //images.fastspot.com/new-college-of-florida/1220x523/1 1220w, //images.fastspot.com/new-college-of-florida/980x420/1 980w, //images.fastspot.com/new-college-of-florida/740x416/1 740w, //images.fastspot.com/new-college-of-florida/500x282/1 500w" alt="">
                                </span>
                                <noscript>
                                    <img class="home_page_header_image" src="https://images.fastspot.com/new-college-of-florida/500x282/1" srcset="https://images.fastspot.com/new-college-of-florida/500x282/1 500w, https://images.fastspot.com/new-college-of-florida/740x416/1 740w, https://images.fastspot.com/new-college-of-florida/980x420/1 980w, https://images.fastspot.com/new-college-of-florida/1220x523/1 1220w, https://images.fastspot.com/new-college-of-florida/1440x617/1 1440w" sizes="100vw" alt="">
                                </noscript>
                            </figure>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<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">
						{% if page.title %}
						<h1 class="page_title" id="page_title" tabindex="-1">{{ page.title }}</h1>
						{% endif %}
						{% if  page.description %}
						<div class="home_page_intro_description">
							<div class="page_intro_inner">
								{% if page.description %}
								<p class="home_page_description">{{ page.description }}</p>
								{% endif %}
							</div>
						</div>
						{% endif %}
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="home_page_intro_media">
	<div class="fs-row">
		<div class="fs-cell fs-lg-11">
			{% if page.image or page.video %}
			<div class="home_page_header_media">
				<div class="fs-row">
					<div class="fs-cell">
						<div class="home_page_header_media_inner">
							{% if page.image %}
							<figure class="home_page_header_figure">
								{% include "@partial-image" with {
									class: "home_page_header",
									alt: "",
									image: page.image,
									sources: [
										img.ultrawide.xlrg,
										img.ultrawide.lrg,
										img.ultrawide.med,
										img.wide.sml,
										img.wide.xsml
									]
								} %}
							</figure>
							{% endif %}
							{% if page.video %}
							<div class="home_page_header_video">
								<iframe class="js-page-header-iframe home_page_header_iframe" src="//player.vimeo.com/video/{{ page.video }}?&loop=1&muted=1&background=1" title="{{ page.title }} 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">
									{{ icon("pause") }}
									{{ icon("play") }}
								</span>
							</button>
							{% endif %}
						</div>
					</div>
				</div>
			</div>
			{% endif %}
		</div>
	</div>
</div>

No notes defined.