Footer

Component preview opent in nieuw tabblad

There are no notes for this item.

<footer>
    <div class="row">
        <div class="col-sm-6 col-md-3">
            <h2>Service</h2>
            <ul>
                <li><a href="#">Contact</a></li>
                <li><a href="#">Sitemap</a></li>
                <li><a href="#">Help</a></li>
            </ul>
        </div>
        <div class="col-sm-6 col-md-3">
            <h2>Over deze site</h2>
            <ul>
                <li><a href="#">Copyright</a></li>
                <li><a href="#">Privacy</a></li>
                <li><a href="#">Cookies</a></li>
                <li><a href="#">Toegankelijkheid</a></li>
            </ul>
        </div>
        <div class="col-sm-6 col-md-3">
            <h2>Volg ons ook op</h2>
            <ul>
                <li><a href="#">Twitter</a></li>
                <li><a href="#">LinkedIn</a></li>
            </ul>
        </div>
    </div>
</footer>
<footer>
  <div class="row">
    {%- for column in columns -%}
      <div class="col-sm-6 col-md-3">
        <h2>{{ column.label }}</h2>
        <ul>
          {%- for item in column.items -%}
            <li><a href="#">{{ item }}</a></li>
          {% endfor -%}
        </ul>
      </div>
    {% endfor -%}
  </div>
</footer>
columns:
  - label: Service
    items:
      - Contact
      - Sitemap
      - Help
  - label: Over deze site
    items:
      - Copyright
      - Privacy
      - Cookies
      - Toegankelijkheid
  - label: Volg ons ook op
    items:
      - Twitter
      - LinkedIn