<div class="page_header page_header_lonely">
<div class="fs-row">
<div class="fs-cell">
<div class="page_header_inner">
<div class="page_breadcrumb">
<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_label">Home</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_forward_slash">
<use href="/images/icons.svg#forward_slash" />
</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_forward_slash">
<use href="/images/icons.svg#forward_slash" />
</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_forward_slash">
<use href="/images/icons.svg#forward_slash" />
</svg>
</span>
</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 class="page_intro">
<div class="page_intro_inner">
<h1 class="page_title" id="page_title" tabindex="-1">Nullam dictum felis eu</h1>
<p class="page_description">Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
</div>
</div>
<div class="page_nav">
<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">
<nav class="sub_nav" aria-labelledby="basic_nav_title-12">
<div class="sub_nav_header">
<h2 class="sub_nav_title" id="basic_nav_title-12">In This Section</h2>
</div>
<ul class="sub_nav_list" aria-labelledby="basic_nav_title-12">
</ul>
</nav>
</div>
<div class="page_nav_toggle">
<div class="js-nav-toggle-group js-sub-nav-group toggle_nav_group sub_nav_group">
<a href="#" class="sub_nav_toggle js-swap" data-swap-target=".js-sub-nav-group" data-swap-linked="subnav">
<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_expand_more">
<use href="/images/icons.svg#expand_more" />
</svg>
</span>
</span>
</a>
<div class="js-nav-toggle-panel js-sub-nav-panel toggle_nav_panel sub_nav_panel">
<nav class="js-nav-toggle js-sub-nav toggle_nav sub_nav" aria-labelledby="toggle_nav_title-6">
<div class="toggle_nav_header sub_nav_header">
<h2 class="toggle_nav_title sub_nav_title" id="toggle_nav_title-6">nullam dictum felis eu</h2>
</div>
<ul class="js-nav-toggle-list js-sub-nav-list toggle_nav_list sub_nav_list" aria-labelledby="toggle_nav_title-6">
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{#
{% include '@partial-page-header' with {
page: page
} %}
#}
<div class="page_header{% if not page.doubleImage and not page.news and page.subNav != true %} page_header_lonely{% endif %}">
<div class="fs-row">
<div class="fs-cell">
<div class="page_header_inner">
{% if page.breadcrumbNav != false %}
<div class="page_breadcrumb">
<div class="page_breadcrumb_inner">
{% render '@navigation-breadcrumb' with {
page: page,
modifier: '',
links: page.breadcrumbNav,
icon_home: '',
icon_divider: 'forward_slash',
icon_end: '',
} %}
</div>
</div>
{% endif %}
{% if page.title or page.description %}
<div class="page_intro">
<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 %}
</div>
</div>
{% endif %}
{% if page.doubleImage or page.news %}
<div class="page_component">
{% if page.doubleImage %}
{% render '@component-double-image' %}
{% endif %}
{% if page.news %}
{% render '@component-news-featured' with {
theme: 'brand_green',
} %}
{% endif %}
</div>
{% endif %}
{% if page.subNav != false %}
<div class="page_nav">
<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: 'In This Section',
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: 'In This Section',
icon: 'expand_more',
title_active: 'Close',
icon_active: 'expand_more',
swap_target: '.js-sub-nav-group',
swap_link: 'subnav'
}
} %}
</div>
</div>
</div>
{% endif %}
</div>
{% if page.miniDescription %}
<div class="page_mini_description_wrapper">
<p class="page_mini_description">{{ page.miniDescription }}</p>
</div>
{% endif %}
</div>
</div>
</div>
No notes defined.