Footer

Introductie

De footer wordt vaak gebruikt als extra navigatiepunt en om aan te geven aan de gebruiker dat het einde van de pagina bereikt is.

Snelstart

SCSS importeren:

    
    @use "@minvws/manon/components/footer";

Voorbeelden:

    
<footer class="icore-open">
  <span class="slogan">Manon - iCore Open thema</span>
  <nav aria-label="main navigation">
    <ul>
      <li><a href="#" aria-current="page">Dolor</a></li>
      <li><a href="#">Sit</a></li>
      <li><a href="#">Amet</a></li>
    </ul>
  </nav>
</footer>
    
  
    
<footer>
  <div class="content-wrapper">
    <span class="slogan">De Rijksoverheid. Voor Nederland</span>
    <nav aria-labelledby="footer-nav-1-heading">
      <h3 id="footer-nav-1-heading">Lorem ipsum</h3>
      <ul>
        <li><a href="#" aria-current="page">Dolor</a></li>
        <li><a href="#">Sit</a></li>
        <li><a href="#">Amet</a></li>
      </ul>
    </nav>
  </div>
</footer>
    
  
    
<footer>
  <div class="content-wrapper">
    <span class="slogan">Manon - KAT thema</span>
    <nav aria-label="Main navigation">
      <ul>
        <li><a href="#" aria-current="page">Dolor</a></li>
        <li><a href="#">Sit</a></li>
        <li><a href="#">Amet</a></li>
      </ul>
    </nav>
  </div>
</footer>