Freie Grundschule Pfefferwerk - Frontend Design

Menu Main 

<!--
    @int:
    update translation for aria-label if we have additional languages
-->
<nav id="main-menu" class="c-menu-main u-typo:l" aria-label="Haupt-Navigation">
    <ul class="c-menu-main__list" role="menu">
        <li class="c-menu-main__item" role="menuitem">
            <a href="#" class="c-menu-main__link" aria-current="true">Schule</a>
        </li>
        <li class="c-menu-main__item" role="menuitem">
            <a href="#" class="c-menu-main__link">Konzept</a>
        </li>
        <li class="c-menu-main__item" role="menuitem">
            <a href="#" class="c-menu-main__link">Team</a>
        </li>
        <li class="c-menu-main__item" role="menuitem">
            <a href="#" class="c-menu-main__link">Träger</a>
        </li>
        <li class="c-menu-main__item" role="menuitem">
            <a href="#" class="c-menu-main__link">Formelles</a>
        </li>
    </ul>
</nav>
 
<!--
    @int:
    update translation for aria-label if we have additional languages
-->
<nav id="main-menu" class="c-menu-main u-typo:l" aria-label="Haupt-Navigation">
    <ul class="c-menu-main__list" role="menu">
        {{#each menuMainItems}}
            <li class="c-menu-main__item" role="menuitem">
                <a href="{{url}}" class="c-menu-main__link" {{#current}}aria-current="true"{{/current}}>{{title}}</a>
            </li>
        {{/each}}
    </ul>
</nav>
 
{
  "menuMainItems": [
    {
      "current": true,
      "title": "Schule",
      "url": "#"
    },
    {
      "title": "Konzept",
      "url": "#"
    },
    {
      "title": "Team",
      "url": "#"
    },
    {
      "title": "Träger",
      "url": "#"
    },
    {
      "title": "Formelles",
      "url": "#"
    }
  ]
}

There are no notes for this item.