Zet de Toon – Muziekproductielessen

<header class="toon-header">
  <a href="/" class="toon-logo-text">TOON!</a>

  <nav class="toon-nav" aria-label="Hoofdmenu">
    <ul>
      <li><a href="/over-ons">Over ons</a></li>
      <li><a href="/informatie">Informatie</a></li>
      <li><a href="/tarieven">Tarieven</a></li>
      <li><a href="/voor-scholen">Voor Scholen</a></li>
    </ul>
  </nav>

  <a href="/proefles" class="toon-cta">
    Plan proefles
  </a>
</header>

<section class="toon-hero">
  <h1 class="toon-hero__title">
    zet de <span class="toon-big">TOON!</span>
  </h1>

  <img
    class="toon-hero__mascot"
    src="/wp-content/uploads/toon-mascot.png"
    alt="Dansende drumcomputer mascotte van TOON!"
    width="560"
    height="420"
  >
</section>