<div class="page_header">
<div class="page_header_checkered"></div>
<div class="page_header_inner">
<div class="breadcrumb">
<div class="fs-row">
<div class="fs-cell fs-lg-11 fs-lg-push-1">
<div class="breadcrumb_inner">
<nav class="breadcrumb_nav" aria-labelledby="breadcrumb_nav_title">
<div class="breadcrumb_nav_header">
<h2 class="breadcrumb_nav_title" id="breadcrumb_nav_title">You are here:</h2>
</div>
<ol class="breadcrumb_list" aria-labelledby="breadcrumb_nav_title">
<li class="breadcrumb_item breadcrumb_item_home">
<a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_icon" aria-hidden="true">
<svg class="icon icon_home">
<use href="/images/icons.svg#home" />
</svg>
</span>
<span class="breadcrumb_pill_label">Home</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_divider">
<use href="/images/icons.svg#divider" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Navigation Level</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_divider">
<use href="/images/icons.svg#divider" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Parent Level</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_divider">
<use href="/images/icons.svg#divider" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Page Title</span>
</span>
</span>
</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
<div class="page_intro">
<div class="fs-row">
<div class="fs-cell fs-lg-5 fs-lg-push-1">
<div class="page_intro_inner">
<h1 class="page_title" itemprop="name">
Page Title
</h1>
<p class="page_description" itemprop="description">
Dis facilisis tellus ultricies vestibulum cubilia risus, blandit commodo hac ut posuere ex cursus, class libero imperdiet nullam odio.
</p>
</div>
</div>
<div class="fs-cell fs-lg-6">
<div class="page_header_media">
<div class="page_header_media_inner">
<div class="page_header_video">
<iframe class="js-page-header-iframe page_header_iframe" src="//player.vimeo.com/video/306272054?autoplay=1&loop=1&muted=1" title="Page Title video" allow="autoplay; fullscreen" allowfullscreen></iframe>
<script src="//player.vimeo.com/api/player.js"></script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page_header">
<div class="page_header_checkered"></div>
<div class="page_header_inner">
{% if page.breadcrumbNav != false %}
<div class="breadcrumb">
<div class="fs-row">
<div class="fs-cell fs-lg-11 fs-lg-push-1">
<div class="breadcrumb_inner">
{% render '@navigation-breadcrumb'
with
{
modifier: '',
links: page.breadcrumbNav,
icon_home: 'home',
icon_divider: 'divider'
}
%}
</div>
</div>
</div>
</div>
{% endif %}
<div class="page_intro">
<div class="fs-row">
{% if page.title or page.description %}
{% if (page.layout != 'detail' and page.image) or (page.layout != 'detail' and page.video) %}
<div class="fs-cell fs-lg-5 fs-lg-push-1">
{% else %}
<div class="fs-cell fs-lg-8 fs-lg-push-1">
{% endif %}
<div class="page_intro_inner">
{% if page.title %}
<h1 class="page_title" itemprop="name">
{{ page.title }}
</h1>
{% endif %}
{% if page.url %}
<div class="page_intro_group">
{% endif %}
{% if page.description %}
<p class="page_description"
itemprop="description">
{{ page.description }}
</p>
{% endif %}
{% if page.url %}
<div class="page_header_link_wrapper">
<div class="page_header_link_button">
<span class="page_header_link_button_text">
{% include '@partial-link' with {
class: 'page_header',
title: 'Newsletter Signup',
url: page.url,
icon: 'mail',
aria: aria
} %}
</span>
</div>
</div>
{% endif %}
{% if page.url %}
</div>
{% endif %}
</div>
</div>
{% endif %}
{% if (page.layout != 'detail' and page.image) or (page.layout != 'detail' and page.video) %}
<div class="fs-cell fs-lg-6">
<div class="page_header_media">
<div class="page_header_media_inner">
{% if page.image %}
<figure class="page_header_figure">
{% include '@partial-image' with {
class: 'page_header',
alt: '',
itemprop: 'primaryImageOfPage',
image: page.image,
sources: [
img.wide.xlrg,
img.wide.lrg,
img.wide.med,
img.wide.sml,
img.wide.xsml
]
} %}
</figure>
{% endif %}
{% if page.video %}
<div class="page_header_video">
<iframe class="js-page-header-iframe page_header_iframe"
src="//player.vimeo.com/video/{{
page.video
}}?autoplay=1&loop=1&muted=1"
title="{{
page.title
}} video"
allow="autoplay; fullscreen"
allowfullscreen></iframe>
<script src="//player.vimeo.com/api/player.js"></script>
</div>
{% endif %}
</div>
</div>
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% if page.subNav != false %}
<div class="page_nav">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-lg-push-1 fs-lg-justify-center">
<div class="page_nav_inner">
{% render '@navigation-sub'
with
{
modifier: '',
title: page.title
}
%}
</div>
</div>
</div>
</div>
{% endif %}
No notes defined.