<div class="
page-header
" id="page-header">
<div class="page-header__inner">
<div class="fw-container">
<div class="
page-header__group
page-header__group--wide
">
<div class="page-header__breadcrumb">
<div class="page-header__breadcrumb-inner">
<div class="
breadcrumb
" id="breadcrumb-5">
<nav class="breadcrumb__nav" aria-labelledby="breadcrumb-5__nav-title">
<div class="breadcrumb__nav-header">
<h2 class="breadcrumb__nav-title" id="breadcrumb-5__nav-title">
You are here:
</h2>
</div>
<ol class="breadcrumb__list" aria-labelledby="breadcrumb-5__nav-title">
<li class="breadcrumb__item breadcrumb__item--home">
<a class="breadcrumb__pill breadcrumb__pill--link" href="#">
<span class="breadcrumb__pill-inner">
<span class="breadcrumb__pill-icon" aria-hidden="true">
<svg class="icon icon--home">
<use href="/images/icons.svg?1.0.0#home" />
</svg>
</span>
<span class="breadcrumb__pill-label">
Home
</span>
</span>
</a>
<span class="breadcrumb__divider" aria-hidden="true">
<svg class="icon icon--caret-right">
<use href="/images/icons.svg?1.0.0#caret-right" />
</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">Lorem ipsum</span>
</span>
</a>
<span class="breadcrumb__divider" aria-hidden="true">
<svg class="icon icon--caret-right">
<use href="/images/icons.svg?1.0.0#caret-right" />
</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">Etiam Rhoncus</span>
</span>
</a>
<span class="breadcrumb__divider" aria-hidden="true">
<svg class="icon icon--caret-right">
<use href="/images/icons.svg?1.0.0#caret-right" />
</svg>
</span>
</li>
<li class="breadcrumb__item" aria-current="page">
<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-header__intro" id="skip-main-destination" tabindex="-1">
<div class="page-header__intro-inner">
<h1 class="page-header__title" id="page-header__title" tabindex="-1">Nullam dictum felis eu</h1>
<p class="page-header__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>
</div>
</div>
</div>
{#
{% include '@component-page-header--wide' with {
page: page
} %}
#}
{% set id = 'page-header' %}
{% set heading_level = heading_level ?? 1 %}
{% set group_heading_tag = 'h' ~ (heading_level) %}
{% set item_heading_level = heading_level + 1 %}
{% set item_heading_tag = has_group_title ? 'h' ~ (heading_level + 1) : 'h' ~ (heading_level) %}
<div
class="
page-header
{% if page.background %}
page-header--has-background
{% endif %}
"
id="{{ id }}"
>
<div class="page-header__inner">
<div class="fw-container">
<div class="
page-header__group
page-header__group--wide
{% if has_media %}
has-media
{% endif %}
">
{% if page.breadcrumbNav != false %}
<div class="page-header__breadcrumb">
<div class="page-header__breadcrumb-inner">
{% include '@navigation-breadcrumb' with {
page: page,
classes: {
modifiers: [],
utility: ''
},
heading_level: item_heading_level,
links: page.breadcrumbNav,
icon_home: 'home',
icon_divider: 'caret-right',
icon_end: ''
} %}
</div>
</div>
{% endif %}
{% if page.title or page.description %}
<div
class="page-header__intro"
id="skip-main-destination"
tabindex="-1"
>
<div class="page-header__intro-inner">
{% if page.title %}
<{{ group_heading_tag }}
class="page-header__title"
id="page-header__title"
tabindex="-1"
>
{{- page.title -}}
</{{ group_heading_tag }}>
{% endif %}
{% if page.description %}
<p class="page-header__description">
{{ page.description }}
</p>
{% endif %}
</div>
</div>
{% endif %}
</div>
</div>
</div>
</div>
No notes defined.