<div class="page_header theme_">
<div class="page_header_inner">
<div class="page_header_top">
<div class="page_breadcrumb">
<div class="fs-row">
<div class="fs-cell">
<div class="page_breadcrumb_inner">
<div class="breadcrumb">
<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>
</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>
</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>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Nullam dictum felis eu</span>
</span>
</span>
</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="page_intro">
<div class="fs-row fs-lg-justify-center">
<div class="fs-cell fs-lg-10">
<div class="page_intro_inner">
<h1 class="page_title" id="page_title" tabindex="-1">Nullam dictum felis eu</h1>
</div>
</div>
</div>
</div>
</div>
<div class="page_header_media">
<div class="fs-row">
<div class="fs-cell">
<div class="page_header_media_inner">
<figure class="page_header_figure">
<img class="page_header_image" srcset="https://images.fastspot.com/le-moyne/1440x810/1 1440w, https://images.fastspot.com/le-moyne/1220x686/1 1220w, https://images.fastspot.com/le-moyne/980x552/1 980w, https://images.fastspot.com/le-moyne/740x416/1 740w, https://images.fastspot.com/le-moyne/500x282/1 500w, https://images.fastspot.com/le-moyne/300x169/1 300w" sizes="100vw" src="https://images.fastspot.com/le-moyne/300x169/1" alt="" loading="eager" width="300" height="169">
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
{#
{% include '@partial-page-header' with {
page: page
} %}
#}
{% if page.subNav != false %}
{% set theme = 'green' %}
{% endif %}
<div class="page_header theme_{{theme}}">
<div class="page_header_inner">
<div class="page_header_top">
{% if page.breadcrumbNav != false %}
<div class="page_breadcrumb">
<div class="fs-row">
<div class="fs-cell">
<div class="page_breadcrumb_inner">
{% render '@navigation-breadcrumb' with {
page: page,
modifier: '',
links: page.breadcrumbNav,
icon_home: 'home',
} %}
</div>
</div>
</div>
</div>
{% endif %}
{% if page.title %}
<div class="page_intro">
<div class="fs-row fs-lg-justify-center">
<div class="fs-cell fs-lg-10">
<div class="page_intro_inner">
{% if page.title %}
<h1 class="page_title" id="page_title" tabindex="-1">{{ page.title }}</h1>
{% endif %}
{% set content = block('content')|default(page.header_content) %}
{% if content is not empty %}
<div class="page_intro_content">
{{content|raw}}
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
</div>
{% if page.image or page.video %}
<div class="page_header_media{% if page.video %} has_video{% endif %}">
<div class="fs-row">
<div class="fs-cell">
<div class="page_header_media_inner">
{% if page.image %}
<figure class="page_header_figure">
{% include '@partial-image' with {
class: 'page_header',
alt: '',
image: page.image,
loading: 'eager',
sources: [
img.wide.xlrg,
img.wide.lrg,
img.wide.med,
img.wide.sml,
img.wide.xsml,
img.wide.xxsml
],
sizes: [
'100vw',
]
} %}
</figure>
{% endif %}
{% if page.video %}
<div class="page_header_video">
{% include "@partial-lazy-video" with {
class: 'page_header_bg',
id: page.video.id,
type: page.video.type,
title: page.video.title,
} %}
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
{% if page.subNav != false %}
<div class="page_nav">
<div class="fs-row">
<div class="fs-cell">
<div class="page_nav_inner">
<a class="skip_link skip_subnav" id="skip_sub_link" href="#page_content">Skip Sub Navigation</a>
<div class="page_nav_flat">
{% include '@navigation-basic' with {
class: 'sub',
modifier: '',
title: page.title,
active_index: '',
links: page.subNav
} %}
</div>
<div class="page_nav_toggle">
{% include '@navigation-toggle' with {
class: 'sub',
modifier: '',
title: page.title|lower,
links: page.subNav,
icon: '',
child_icon: '',
toggle: {
title: 'Explore This Section',
icon: 'plus',
title_active: 'Close',
icon_active: 'minus',
swap_target: '.js-sub-nav-group',
swap_link: 'audience'
}
} %}
</div>
</div>
</div>
</div>
</div>
{% endif %}
</div>
</div>
No notes defined.