CODIGO HTML
<title>AluraBooks</title>
Já sabe por onde começar?
Encontre em nossa estante o que precisa para seu desenvolvimento!
<!-- If we need pagination -->
<div class="swiper-pagination"></div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide"><img src="assets/ApacheKafka.svg" alt="Primeiro slide"></div>
<div class="swiper-slide"><img src="assets/Nodejs.svg" alt="Segundo slide"></div>
<div class="swiper-slide"><img src="assets/Javascript.svg" alt="Terceiro slide"></div>
<div class="swiper-slide"><img src="assets/Portugol.svg" alt="Quarto slide"></div>
<div class="swiper-slide"><img src="assets/Construct2.svg" alt="Quarto slide"></div>
<div class="swiper-slide"><img src="assets/UX.svg" alt="Quarto slide"></div>
...
</div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script >
const swiper = new Swiper('.swiper', {
spaceBetween: 10,
slidesPerView: 3,
pagination: {
el: '.swiper-pagination',
type: 'bullets',
},
});
</script>
