Pleasance Styleguide

Footer Menu 

<ul class="page-footer__menu col-md-4 list-unstyled order-1 order-md-0">
    <li>
        <a href="/about" class="link-primary">About</a>
    </li>
    <li>
        <a href="/privacy" class="link-primary">Privacy &amp; Cookies</a>
    </li>
    <li>
        <a href="/terms" class="link-primary">Terms &amp; Conditions</a>
    </li>
</ul>
 
<ul class="page-footer__menu col-md-4 list-unstyled order-1 order-md-0">
  {% for link in links %}
    <li>
      <a href="{{ link.url }}" class="link-primary">{{ link.label | e }}</a>
    </li>
  {% endfor %}
</ul>
 
{
  "links": [
    {
      "label": "About",
      "url": "/about"
    },
    {
      "label": "Privacy & Cookies",
      "url": "/privacy"
    },
    {
      "label": "Terms & Conditions",
      "url": "/terms"
    }
  ]
}
  • Handle: @footer-menu
  • Preview:
  • Filesystem Path: src/components/02-structures/navigation/footer-menu/footer-menu.html.twig
  • Referenced by (1): @footer

No notes defined.