<footer><divclass="row"><divclass="col-sm-6 col-md-3"><h2>Service</h2><ul><li><ahref="#">Contact</a></li><li><ahref="#">Sitemap</a></li><li><ahref="#">Help</a></li></ul></div><divclass="col-sm-6 col-md-3"><h2>Over deze site</h2><ul><li><ahref="#">Copyright</a></li><li><ahref="#">Privacy</a></li><li><ahref="#">Cookies</a></li><li><ahref="#">Toegankelijkheid</a></li></ul></div><divclass="col-sm-6 col-md-3"><h2>Volg ons ook op</h2><ul><li><ahref="#">Twitter</a></li><li><ahref="#">LinkedIn</a></li></ul></div><divclass="col-sm-6 col-md-3"><h2>Link list component</h2><ulclass="dso-link-list"><li><ahref="#"class="extern"target="_blank"rel="noopener noreferrer">Externe link<spanclass="sr-only">(Opent andere website in nieuw tabblad)</span></a></li><li><ahref="#"class="download">Download link</a></li><li><ahref="#">Interne link</a></li></ul></div></div></footer>
<footer><divclass="row">{%- for column in columns -%}<divclass="col-sm-6 col-md-3"><h2>{{ column.label }}</h2><ul>{%- for item in column.items -%}<li><ahref="#">{{ item }}</a></li>{% endfor -%}</ul></div>{% endfor -%}<divclass="col-sm-6 col-md-3"><h2>Link list component</h2>{% render '@link-list' %}</div></div></footer>