Breadcrumbs

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: '#'