rudern.de Webstyleguide

Footer 

<footer class="footer base--footer base__centered-wide">
    <div class="footer--inner base__centered">

        <nav class="footer--top navigation--footer-top">
            <ul class="menu">
                <li>
                    <a class="menu--item-link" href="#">
                        News
                    </a>
                </li>
                <li>
                    <a class="menu--item-link" href="#">
                        Termine
                    </a>
                </li>
                <li>
                    <a class="menu--item-link" href="#">
                        Mediathek
                    </a>
                </li>
                <li>
                    <a class="menu--item-link" href="#">
                        Presse
                    </a>
                </li>
                <li>
                    <a class="menu--item-link" href="#">
                        FAQ
                    </a>
                </li>
                <li>
                    <a class="menu--item-link" href="#">
                        Newsletter
                    </a>
                </li>
            </ul>
        </nav>

        <nav class="footer--bottom navigation--footer-bottom">
            <ul class="menu">
                <li>
                    <a class="menu--item-link" href="#">
                        Impressum
                    </a>
                </li>
                <li>
                    <a class="menu--item-link" href="#">
                        Rechtliche Hinweise
                    </a>
                </li>
                <li>
                    <a class="menu--item-link" href="#">
                        Datenschutz
                    </a>
                </li>
                <li>
                    <a class="menu--item-link" href="#">
                        Kontakt
                    </a>
                </li>
            </ul>
        </nav>

    </div>
</footer>
 
<footer class="footer base--footer base__centered-wide">
  <div class="footer--inner base__centered">

    <nav class="footer--top navigation--footer-top">
      <ul class="menu">
        {{#each nav_footer_items_top }}
        <li>
          <a class="menu--item-link" href="{{ href }}">
            {{ label }}
          </a>
        </li>
        {{/each}}
      </ul>
    </nav>

    <nav class="footer--bottom navigation--footer-bottom">
      <ul class="menu">
        {{#each nav_footer_items_bottom }}
        <li>
          <a class="menu--item-link" href="{{ href }}">
            {{ label }}
          </a>
        </li>
        {{/each}}
      </ul>
    </nav>

  </div>
</footer>
 
{
  "claim": "Deutscher Ruderverband e.V.",
  "nav_header_items_meta": [
    {
      "label": "News",
      "href": "#"
    },
    {
      "label": "Termine",
      "href": "#"
    },
    {
      "label": "Mediathek",
      "href": "#"
    },
    {
      "label": "Presse",
      "href": "#"
    }
  ],
  "nav_header_items_main": [
    {
      "label": "Nationalmannschaft",
      "href": "#",
      "level": "1"
    },
    {
      "label": "Wettkampfsport",
      "href": "#",
      "level": "1"
    },
    {
      "label": "Breitensport",
      "href": "#",
      "level": "1"
    },
    {
      "label": "Sportart Rudern",
      "href": "#",
      "level": "1"
    },
    {
      "label": "Verband",
      "href": "#",
      "level": "1"
    }
  ],
  "nav_footer_items_top": [
    {
      "label": "News",
      "href": "#"
    },
    {
      "label": "Termine",
      "href": "#"
    },
    {
      "label": "Mediathek",
      "href": "#"
    },
    {
      "label": "Presse",
      "href": "#"
    },
    {
      "label": "FAQ",
      "href": "#"
    },
    {
      "label": "Newsletter",
      "href": "#"
    }
  ],
  "nav_footer_items_bottom": [
    {
      "label": "Impressum",
      "href": "#"
    },
    {
      "label": "Rechtliche Hinweise",
      "href": "#"
    },
    {
      "label": "Datenschutz",
      "href": "#"
    },
    {
      "label": "Kontakt",
      "href": "#"
    }
  ],
  "nav_footer_items_social": [
    {
      "icon": "facebook",
      "href": "#"
    },
    {
      "icon": "twitter",
      "href": "#"
    },
    {
      "icon": "instagram",
      "href": "#"
    },
    {
      "icon": "youtube",
      "href": "#"
    }
  ]
}

No notes defined.