Freie Grundschule Pfefferwerk - Frontend Design

Menu Breadcrumb 

<nav class="c-breadcrumb o-space-b:small">
    <ul class="c-breadcrumb__list" role="menu">

        <li class="c-breadcrumb__item" role="menuitem">
            <a href="#" class="c-breadcrumb__link" title="Start">Start<svg width="32px" height="32px" viewBox="0 0 32 32" class="o-icons o-icons--arrow-right" aria-hidden="true">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../typo3conf/ext/fgp_template/Resources/Public/Frontend/_Default/icons/sprite/sprite.svg#arrow-right"></use>
</svg>
</a>
        </li>
        <li class="c-breadcrumb__item" role="menuitem">
            <a href="#" class="c-breadcrumb__link" title="Unterseite">Unterseite<svg width="32px" height="32px" viewBox="0 0 32 32" class="o-icons o-icons--arrow-right" aria-hidden="true">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../typo3conf/ext/fgp_template/Resources/Public/Frontend/_Default/icons/sprite/sprite.svg#arrow-right"></use>
</svg>
</a>
        </li>

        <li class="c-breadcrumb__item" role="menuitem">
            <span title="Aktuelle Seite" aria-current="page">Aktuelle Seite</span>
        </li>

    </ul>
</nav>
 
<nav class="c-breadcrumb {{spaceAfter}}">
    <ul class="c-breadcrumb__list" role="menu">

        {{#each breadcrumbItems}}
            <li class="c-breadcrumb__item" role="menuitem">
                <a href="#" class="c-breadcrumb__link" title="{{this}}">{{this}}{{render '@icons--arrow-right'}}</a>
            </li>
        {{/each}}

        <li class="c-breadcrumb__item" role="menuitem">
            <span title="{{breadcrumbCurrent}}" aria-current="page">{{breadcrumbCurrent}}</span>
        </li>

    </ul>
</nav>
 
{
  "spaceAfter": "o-space-b:small",
  "breadcrumbItems": [
    "Start",
    "Unterseite"
  ],
  "breadcrumbCurrent": "Aktuelle Seite"
}