Pagina-sjabloon

Lege voorbeeldpagina.

Aandachtspunten:

Dit voorbeeld maakt gebruik van de onderstaande elementen. Zie de detail-pagina's voor meer informatie:

Voorbeelden

Visueel voorbeeld:

html-voorbeeld:

                
<!DOCTYPE html>
<html lang="nl">
  <head>
    <meta charset="UTF-8">
    <title>Lorem ipsum</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="static/css/manon-ruby-red.css" rel="stylesheet"> <!-- Add your stylesheet of choice -->
    <link href="static/img/favicon.ico" rel="shortcut icon">
  </head>

  <header>
    <a href="#main-content" class="button focus-only">Ga direct naar inhoud</a>
    <a href="" class="ro-logo">
      <img src="static/img/ro-logo.svg" alt="Logo Rijksoverheid">
      Rijksoverheid
    </a>

    <nav aria-label="Hoofdnavigatie">
      <div>
        <ul>
            <li ><a href="" aria-current="page">Hoofdpagina</a></li>
            <li><a href="">Ipsum</a></li>
            <li><a href="">Dolor</a></li>
        </ul>
      </div>
    </nav>
  </header>

  <main id="main-content" tabindex="-1">
    <section>
      <div>
        <!-- Add content here -->
      </div>
    </section>
  </main>

  <footer>
    <div>
      <span>De Rijksoverheid. Voor Nederland</span>
    </div>
  </footer>
</html>