DSO Toolkit | Component Library

Footer 

<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">
    {{#each columns }}
      <div class="col-sm-6 col-md-3">
        <h2>{{ label }}</h2>
        <ul>
          {{#each items }}
            <li><a href="#">{{ this }}</a></li>
          {{/each}}
        </ul>
      </div>
    {{/each}}
  </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

There are no notes for this item.