Toont breadcrumbs (sitepad).
<nav aria-label="U bevindt zich hier:">
<ol class="breadcrumb" itemscope itemtype="//schema.org/BreadcrumbList">
<li itemscope="" itemprop="itemListElement" itemtype="//schema.org/ListItem">
<a itemprop="item" href="#">
<span itemprop="name">Home</span>
</a>
<meta itemprop="position" content="1" />
</li>
<li itemscope="" itemprop="itemListElement" itemtype="//schema.org/ListItem">
<a itemprop="item" href="#">
<span itemprop="name">Zelf aan de slag</span>
</a>
<meta itemprop="position" content="2" />
</li>
<li class="active" aria-current="page" itemscope="" itemprop="itemListElement" itemtype="//schema.org/ListItem">
<span itemprop="name">Inhoud</span>
<meta itemprop="position" content="3" />
</li>
</ol>
</nav>
<nav aria-label="U bevindt zich hier:">
<ol class="breadcrumb" itemscope itemtype="//schema.org/BreadcrumbList">
{%- for crumb in crumbs %}
{%- if loop.last -%}
<li
class="active"
aria-current="page"
itemscope=""
itemprop="itemListElement"
itemtype="//schema.org/ListItem">
<span itemprop="name">
{{- crumb.label -}}
</span>
<meta itemprop="position" content="{{loop.index}}" />
</li>
{%- else -%}
<li
itemscope=""
itemprop="itemListElement"
itemtype="//schema.org/ListItem">
<a
itemprop="item"
href="{{ crumb.url }}">
<span itemprop="name">
{{- crumb.label -}}
</span>
</a>
<meta itemprop="position" content="{{loop.index}}" />
</li>
{%- endif -%}
{% endfor %}
</ol>
</nav>
__title: breadcrumbs
crumbs:
- label: Home
url: '#'
- label: Zelf aan de slag
url: '#'
- label: Inhoud
url: '#'