Ga direct naar inhoud
Ga direct naar inhoud
Ga direct naar inhoud

Hero

Introductie

Een hero-sectie kan gebruikt worden als visuele introducti of eye cather op een pagina.

Snelstart

SCSS importeren:

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

Voorbeelden:

    
    <section class="hero">
  <div class="image-background">
    <img src="$img/strand.jpg" alt="Foto van een strand" />
  </div>
  <div class="content-wrapper">
    <h1>Hero title</h1>
  </div>
</section>