Freie Grundschule Pfefferwerk - Frontend Design

Footer 

<footer class="c-footer">

    <div class="c-footer__row c-footer__row--top u-color-bg:g1">
        <div class="o-grid">
            <div class="o-grid__row">
                <div class="o-grid__col:12 o-grid__col:6@md">
                    <nav class="c-menu-meta" aria-label="Footer-Navigation">

                        <ul class="c-menu-meta__list" role="menu">
                            <li class="c-menu-meta__item" role="menuitem">
                                <a href="#" class="c-menu-meta__link">Imprint</a>
                            </li>
                            <li class="c-menu-meta__item" role="menuitem">
                                <a href="#" class="c-menu-meta__link">Contact</a>
                            </li>
                            <li class="c-menu-meta__item" role="menuitem">
                                <a href="#" class="c-menu-meta__link">Privacy</a>
                            </li>
                            <li class="c-menu-meta__item" role="menuitem">
                                <a href="#" class="c-menu-meta__link">Sitemap</a>
                            </li>
                        </ul>

                    </nav>

                </div>
                <div class="o-grid__col:12 o-grid__col:6@md">
                    <!--
    @int:
    link title required due to accessibility
-->
                    <nav class="c-menu-social" aria-label="Social-Navigation">

                        <ul class="c-menu-social__list" role="menu">

                            <li class="c-menu-social__item" role="menuitem">
                                <a href="#" class="c-menu-social__link" title="besuchen sie uns auf instagram">
                    <svg width="32px" height="32px" viewBox="0 0 32 32" class="o-icons o-icons--instagram" 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#instagram"></use>
</svg>

                </a>
                            </li>
                            <li class="c-menu-social__item" role="menuitem">
                                <a href="#" class="c-menu-social__link" title="besuchen sie uns auf youtube">
                    <svg width="32px" height="32px" viewBox="0 0 32 32" class="o-icons o-icons--youtube" 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#youtube"></use>
</svg>

                </a>
                            </li>
                            <li class="c-menu-social__item" role="menuitem">
                                <a href="#" class="c-menu-social__link" title="besuchen sie uns auf twitter">
                    <svg width="32px" height="32px" viewBox="0 0 32 32" class="o-icons o-icons--twitter" 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#twitter"></use>
</svg>

                </a>
                            </li>

                        </ul>

                    </nav>

                </div>
            </div>
        </div>
    </div>

    <div class="c-footer__row c-footer__row--bottom u-color-bg:primary u-color-c:white">
        <div class="o-grid">
            <div class="o-grid__row">
                <div class="o-grid__col:12">
                    <p><small>Copyright © 2018 Freie Grundschule Pfefferwerk</small></p>
                </div>
            </div>
        </div>
    </div>

</footer>
 
<footer class="c-footer">

    <div class="c-footer__row c-footer__row--top u-color-bg:g1">
        <div class="o-grid">
            <div class="o-grid__row">
                <div class="o-grid__col:12 o-grid__col:6@md">
                    {{render '@menu-meta' menuMetaData merge=true}}
                </div>
                <div class="o-grid__col:12 o-grid__col:6@md">
                    {{render '@menu-social'}}
                </div>
            </div>
        </div>
    </div>

    <div class="c-footer__row c-footer__row--bottom u-color-bg:primary u-color-c:white">
        <div class="o-grid">
            <div class="o-grid__row">
                <div class="o-grid__col:12">
                    <p><small>{{copyright}}</small></p>
                </div>
            </div>
        </div>
    </div>

</footer>
 
{
  "menuMetaData": {
    "ariaLabel": "Footer-Navigation",
    "headline": null,
    "menuMetaItems": [
      {
        "current": null,
        "title": "Imprint",
        "url": "#"
      },
      {
        "title": "Contact",
        "url": "#"
      },
      {
        "title": "Privacy",
        "url": "#"
      },
      {
        "title": "Sitemap",
        "url": "#"
      }
    ]
  },
  "copyright": "Copyright © 2018 Freie Grundschule Pfefferwerk"
}

There are no notes for this item.