Cards

De kaarten van dit framework bieden een flexibele en uitbreidbare inhoudscontainer met meerdere varianten en opties.

Card met hover effect en afbeelding boven

foto

Card

<div class="card card-hover">
  <img alt="" class="top" src="">
  <div class="card-body">
    <h2>Tekst</h2>
    <p>Tekst</p>
    <div class="txt-center"><button class="button">Button</button></div>
  </div>
</div>

Card met de afbeelding onder

Card

foto

<div class="card">
  <div class="card-body">
    <h2>Tekst</h2>
    <p>Tekst</p>
    <div class="txt-center"><button class="button">Button</button></div>
  </div>
  <img alt="" class="bottom" src="">
</div>

Card met tekst over afbeelding

foto

Hallo

<div class="card">
  <img alt="" class="cover" src="">
  <div class="cover-content">
    <h2 class="txt-center">Tekst</h2>
    <p>Tekst</p>
  </div>
</div>