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>