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>Basic link</h2>
            <ul class="dso-link-list">
                <li><a href="#">Normale link</a></li>
                <li><a href="#">Test link</a></li>
            </ul>
        </div>
        <div class="col-sm-6 col-md-3">
            <h2>Externe links</h2>
            <ul class="dso-link-list">
                <li><a href="#" class="extern">Externe link</a></li>
                <li><a href="#" class="extern">Extra externe link</a></li>
                <li><a href="#" class="extern">Laatste externe link</a></li>
            </ul>
        </div>
        <div class="col-sm-6 col-md-3">
            <h2>Tekst paragraaf</h2>
            <p>
                Loop goed na welke inhoud essentieel is voor de footer. CreeΓ«r met ros en cols de gewenste indeling van uw footer.
            </p>
        </div>
        <div class="col-sm-6 col-md-3">
            <h2>Combinatie links en tekst</h2>
            <p>
                Tekst kan worden gevolgd door verscheidene <a href="#">links</a>.
            </p>
            <ul class="dso-link-list">
                <li><a href="#">Combinatie link</a></li>
                <li><a href="#">Combinatie link 2</a></li>
            </ul>
        </div>
    </div>
</footer>
<footer>
  <div class="row">
    <div class="col-sm-6 col-md-3">
      <h2>Basic link</h2>
      <ul class="dso-link-list">
        <li><a href="#">Normale link</a></li>
        <li><a href="#">Test link</a></li>
      </ul>
    </div>
    <div class="col-sm-6 col-md-3">
      <h2>Externe links</h2>
      <ul class="dso-link-list">
        <li><a href="#" class="extern">Externe link</a></li>
        <li><a href="#" class="extern">Extra externe link</a></li>
        <li><a href="#" class="extern">Laatste externe link</a></li>
      </ul>
    </div>
    <div class="col-sm-6 col-md-3">
      <h2>Tekst paragraaf</h2>
      <p>
        Loop goed na welke inhoud essentieel is voor de footer. CreeΓ«r met ros en cols de gewenste indeling van uw footer.
      </p>
    </div>
    <div class="col-sm-6 col-md-3">
      <h2>Combinatie links en tekst</h2>
      <p>
        Tekst kan worden gevolgd door verscheidene <a href="#">links</a>.
      </p>
      <ul class="dso-link-list">
        <li><a href="#">Combinatie link</a></li>
        <li><a href="#">Combinatie link 2</a></li>
      </ul>
    </div>
  </div>
</footer>
/* No context defined for this component. */