<div class="page_header page_header_product_detail">
<div class="page_header_inner">
<div class="page_breadcrumb">
<div class="fs-row">
<div class="fs-cell fs-xl-8 fs-xl-push-1">
<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>
<span class="breadcrumb_divider" aria-hidden="true">/</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">/</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">/</span>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label"></span>
</span>
</span>
</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="page_intro_gallery">
<div class="fs-row">
<div class="fs-cell">
<div class="page_intro_gallery_inner js-carousel" data-carousel-options='{"pagination": false, "contained": false, "matchWidth": false}'>
<div class="page_intro_gallery_item">
<figure class="page_intro_gallery_item_figure">
<img class="page_intro_gallery_image" srcset="https://images.fastspot.com/framework/980x654/1 980w, https://images.fastspot.com/framework/740x494/1 740w, https://images.fastspot.com/framework/500x334/1 500w, https://images.fastspot.com/framework/300x200/1 300w" src="https://images.fastspot.com/framework/300x200/1" alt="Cras mattis consectetur purus sit amet fermentum." loading="lazy" width="300" height="200">
</figure>
</div>
<div class="page_intro_gallery_item">
<figure class="page_intro_gallery_item_figure">
<img class="page_intro_gallery_image" srcset="https://images.fastspot.com/framework/980x654/2 980w, https://images.fastspot.com/framework/740x494/2 740w, https://images.fastspot.com/framework/500x334/2 500w, https://images.fastspot.com/framework/300x200/2 300w" src="https://images.fastspot.com/framework/300x200/2" alt="Cras mattis consectetur purus sit amet fermentum." loading="lazy" width="300" height="200">
</figure>
</div>
<div class="page_intro_gallery_item">
<figure class="page_intro_gallery_item_figure">
<img class="page_intro_gallery_image" srcset="https://images.fastspot.com/framework/980x654/3 980w, https://images.fastspot.com/framework/740x494/3 740w, https://images.fastspot.com/framework/500x334/3 500w, https://images.fastspot.com/framework/300x200/3 300w" src="https://images.fastspot.com/framework/300x200/3" alt="Cras mattis consectetur purus sit amet fermentum." loading="lazy" width="300" height="200">
</figure>
</div>
<div class="page_intro_gallery_item">
<figure class="page_intro_gallery_item_figure">
<img class="page_intro_gallery_image" srcset="https://images.fastspot.com/framework/980x654/4 980w, https://images.fastspot.com/framework/740x494/4 740w, https://images.fastspot.com/framework/500x334/4 500w, https://images.fastspot.com/framework/300x200/4 300w" src="https://images.fastspot.com/framework/300x200/4" alt="Cras mattis consectetur purus sit amet fermentum." loading="lazy" width="300" height="200">
</figure>
</div>
</div>
</div>
</div>
</div>
<div class="page_nav">
<div class="fs-row">
<div class="fs-cell fs-xl-8 fs-xl-push-1">
<div class="page_nav_inner">
<a class="skip_link skip_subnav" id="skip_sub_link" href="#page_content">Skip Sub Navigation</a>
<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">Explore This Section</span>
<span class="sub_nav_toggle_icon_default sub_nav_toggle_icon" aria-hidden="true">
<svg class="icon icon_caret_down">
<use href="/images/icons.svg#caret_down" />
</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_caret_down">
<use href="/images/icons.svg#caret_down" />
</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">Our History</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Our Leadership</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Our Success</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Link Four</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">The Fifth Link</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page_header_circles"></div>
<div class="page_header_lines"></div>
</div>
<div class="page_header_slant"></div>
{#
{% include '@partial-page-header' with {
page: page
} %}
#}
<div class="page_header page_header_product_detail{% if page.subNav == false %} page_header_no_subnav{% endif %}">
<div class="page_header_inner">
{% if page.breadcrumbNav != false %}
<div class="page_breadcrumb">
<div class="fs-row">
<div class="fs-cell {{ cell }}">
<div class="page_breadcrumb_inner">
{% render '@navigation-breadcrumb' with {
page: page,
modifier: '',
links: page.breadcrumbNav,
icon_home: 'home',
icon_divider: 'angle_right',
icon_end: ''
} %}
</div>
</div>
</div>
</div>
{% endif %}
{% if page.title or page.description %}
<div class="page_intro">
<div class="fs-row">
<div class="fs-cell {{ cell }}">
<div class="page_intro_inner">
{% 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 %}
{% if button or link %}
<div class="page_intro_cta_wrapper">
{% if button %}
<a href="{{ button.url }}" class="page_intro_cta_button">{{ button.label }}</a>
{% endif %}
{% if link %}
<a href="{{ link.url }}" class="page_intro_cta_link">{{ link.label }}</a>
{% endif %}
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
{% if gallery %}
<div class="page_intro_gallery">
<div class="fs-row">
<div class="fs-cell">
<div class="page_intro_gallery_inner js-carousel" data-carousel-options='{"pagination": false, "contained": false, "matchWidth": false}'>
{% for item in gallery %}
<div class="page_intro_gallery_item">
<figure class="page_intro_gallery_item_figure">
{% include '@partial-image' with {
class: 'page_intro_gallery',
alt: item.alt_text,
image: item.image,
loading: 'lazy',
sources: [
img.classic.med,
img.classic.sml,
img.classic.xsml,
img.classic.xxsml
]
} %}
</figure>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
{% endif %}
{% if page.subNav != false %}
<div class="page_nav">
<div class="fs-row">
<div class="fs-cell {{ cell }}">
<div class="page_nav_inner">
<a class="skip_link skip_subnav" id="skip_sub_link" href="#page_content">Skip Sub Navigation</a>
{% render '@navigation-sub' with {
modifier: '',
title: page.title
} %}
</div>
</div>
</div>
</div>
{% endif %}
</div>
<div class="page_header_circles"></div>
<div class="page_header_lines"></div>
</div>
<div class="page_header_slant"></div>
No notes defined.