Components
Voorbeeld code:
<article class="wrapper">
<section class="filters">
<label for="filters">Filters:</label>
<select name="filters"> id="filters">
<option value="1">Uitleendatum (aflopend)</option>
<option value="2">Uitleendatum (oplopend)</option>
<option value="3">A-Z</option>
<option value="4">Z-A</option>
</select>
<button id="left" class="fa-solid fa-angle-left"></button>
<button id="right" class="fa-solid fa-angle-right"></button>
</section>
<section class="carousel">
<article>
<img class="card img"src="../image/book-1"alt="">Ontdek meer<img class="arrow-right" src="#"></button>
<h3>Naam boek</h3>
<p>Jaar: 2019</p>
<p>Uitleendatum: 2018</p>
</article>
<article>
<img class="card img"src="../image/book-2"alt="">Ontdek meer<img class="arrow-right" src="#"></button>
<h3>Naam boek</h3>
<p>Jaar: 2019</p>
<p>Uitleendatum: 2018</p>
</article>
</section>
</article>