<div class="page_header_bg">
<div class="page_header_bg_inner">
<div class="page_header_bg_group">
<div class="page_header_bg_content">
</div>
</div>
<div class="page_nav">
<div class="fs-row">
<div class="fs-cell">
<div class="page_nav_inner">
<div class="js-sub-nav-group sub_nav_group">
<button class="js-sub-nav-toggle js-swap sub_nav_toggle " data-swap-target=".js-sub-nav-group">
<span class="sub_nav_toggle_inner_default sub_nav_toggle_inner">
<span class="sub_nav_toggle_label_default sub_nav_toggle_label">In This Section</span>
<span class="sub_nav_toggle_icon_default sub_nav_toggle_icon" aria-hidden="true">
<svg class="icon icon_plus">
<use href="/images/icons.svg#plus" />
</svg>
</span>
</span>
<span class="sub_nav_toggle_inner_active sub_nav_toggle_inner">
<span class="sub_nav_toggle_label_active sub_nav_toggle_label">Close</span>
<span class="sub_nav_toggle_icon_active sub_nav_toggle_icon" aria-hidden="true">
<svg class="icon icon_minus">
<use href="/images/icons.svg#minus" />
</svg>
</span>
</span>
</button>
<nav class="js-sub-nav sub_nav" aria-labelledby="sub_nav_title">
<div class="sub_nav_header">
<h2 class="sub_nav_title" id="sub_nav_title">Sub Nav Title</h2>
</div>
<div class="js-sub-nav-body sub_nav_body">
<div class="js-sub-nav-body-inner sub_nav_body_inner">
<ul class="js-sub-nav-list sub_nav_list" aria-labelledby="sub_nav_title">
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Leadership</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Mission & Vision</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Accreditation</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Staff Directory</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Offices & Services</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Careers</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Event Rentals</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{#
{% include '@partial-page-header--bg' with {
page: page
} %}
#}
<div class="page_header_bg">
<div class="page_header_bg_inner">
<div class="page_header_bg_group">
{% if (page.image) or (page.video) %}
<div class="page_header_bg_media">
<div class="page_header_bg_media_inner">
<figure class="page_header_bg_figure">
{% include '@partial-picture' with {
class: 'page_header_bg',
alt: '',
image: page.image,
loading: 'eager',
default: img.square.sml,
sources: {
'1200px': img.wide.xlrg,
'980px': img.wide.lrg,
'500px': img.full.med
}
} %}
</figure>
{% if page.video %}
<div class="js-background-video-wrapper page_header_bg_video">
<iframe class="js-background-video-iframe page_header_bg_iframe" src="//player.vimeo.com/video/{{ page.video }}?autoplay=1&loop=1&muted=1&background=1" title="{{ page.title }} video" allow="autoplay"></iframe>
<div class="page_header_bg_video_controls_wrapper">
<div class="page_header_bg_video_controls">
<button class="js-page-header-bg-video-play-button page_header_bg_video_play_button">
<span class="page_header_bg_video_play_button_inner">
<span class="page_header_bg_video_play_button_label">Play Video</span>
<span class="page_header_bg_video_play_button_icon">
<span class="page_header_bg_video_play_button_icon_inner">
{{ icon('play') }}
</span>
</span>
</span>
</button>
<button class="js-page-header-bg-video-pause-button page_header_bg_video_pause_button">
<span class="page_header_bg_video_pause_button_inner">
<span class="page_header_bg_video_pause_button_label">Pause Video</span>
<span class="page_header_bg_video_play_button_icon">
<span class="page_header_bg_video_play_button_icon_inner">
{{ icon('pause') }}
</span>
</span>
</span>
</button>
</div>
</div>
</div>
{% endif %}
</div>
</div>
{% endif %}
<div class="page_header_bg_content">
{% if page.title or page.description %}
<div class="page_intro">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-xl-9">
<div class="page_intro_inner">
<div class="page_intro_body">
{% if page.breadcrumbNav != false %}
<div class="page_breadcrumb">
<div class="page_breadcrumb_inner">
{% render '@navigation-breadcrumb' with {
page: page,
modifier: '',
links: page.breadcrumbNav,
icon_divider: 'divider',
} %}
</div>
</div>
{% endif %}
{% if page.title %}
<h1 class="page_title" id="page_title" tabindex="-1">{{ page.title }}</h1>
{% endif %}
{% if page.description %}
<p class="page_description">{{ page.description }}</p>
{% endif %}
</div>
</div>
</div>
</div>
</div>
{% endif %}
</div>
</div>
{% if page.subNav != false %}
<div class="page_nav">
<div class="fs-row">
<div class="fs-cell">
<div class="page_nav_inner">
{% render '@navigation-sub' with {
modifier: '',
title: page.title
} %}
</div>
</div>
</div>
</div>
{% endif %}
</div>
</div>
No notes defined.