<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>
{#
{% include '@navigation-breadcrumb' with {
modifier: 'modifier',
links: [{ title: 'Page Title', url: '#' }],
divider: '/',
icon_end: 'icon_end',
icon_home: 'icon_home'
} %}
#}
<div class="breadcrumb">
<nav class="breadcrumb_nav{% if modifier %} breadcrumb_nav_{{ modifier }}{% endif %}" aria-labelledby="breadcrumb_nav_title{% if modifier %}_{{ modifier }}{% endif %}">
<div class="breadcrumb_nav_header">
<h2 class="breadcrumb_nav_title" id="breadcrumb_nav_title{% if modifier %}_{{ modifier }}{% endif %}">You are here:</h2>
</div>
<ol class="breadcrumb_list" aria-labelledby="breadcrumb_nav_title{% if modifier %}_{{ modifier }}{% endif %}">
<li class="breadcrumb_item breadcrumb_item_home">
<a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html">
<span class="breadcrumb_pill_inner">
{% if icon_home %}
<span class="breadcrumb_pill_icon" aria-hidden="true">{{ icon(icon_home) }}</span>
{% endif %}
<span class="breadcrumb_pill_label">Home</span>
</span>
</a>
{% if divider %}
<span class="breadcrumb_divider" aria-hidden="true">{{ divider }}</span>
{% endif %}
</li>
{% for link in links %}
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="{{ link.url ?: '#' }}">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">{{ link.title ?: link }}</span>
</span>
</a>
{% if divider %}
<span class="breadcrumb_divider" aria-hidden="true">{{ divider }}</span>
{% endif %}
</li>
{% endfor %}
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">{{ page.title_short ?: page.title }}</span>
</span>
</span>
{% if icon_end %}
<span class="breadcrumb_end" aria-hidden="true">{{ icon(icon_end) }}</span>
{% endif %}
</li>
</ol>
</nav>
</div>
No notes defined.