<!-- Additional required wrapper -->
            <div class="swiper-wrapper">
                <!-- Slides -->
                <div class="swiper-slide"><img src="/img/ApacheKafka.png" alt="livro sobre ApacheKafka e spring boot da AluraBooks"></div>
                <div class="swiper-slide"><img src="img/Liderança.png" alt="livro sobre Liderança em desing da AluraBooks"></div>
                <div class="swiper-slide"><img src="img/Javascript.png" alt="livro sobre Javascript da AluraBooks"></div>
                <div class="swiper-slide"><img src="img/Portugol.png" alt="livro sobre Portugol da AluraBooks"></div>
                <div class="swiper-slide"><img src="img/Portugol.png" alt="livro sobre Portugol da AluraBooks"></div>
                <div class="swiper-slide"><img src="img/Portugol.png" alt="livro sobre Portugol da AluraBooks"></div>
            </div>

            <!-- If we need navigation buttons -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>

        <!--card-->
        <div class="card">
            <!-- Primeira linha -->
            <div class="card__descrição">
                <!--Primeira coluna-->
                <div class="descrição">
                    <h3 class="descrição__titulo">Talvez você também se interesse por...</h3>
                    <h2 class="descrição__titulo-livro">Angular 11 e Firebase</h2>
                    <p class="descrição__texto">Construindo uma aplicação integrada com a plataforma do Google.</p>
                </div>
                <!--Segunda coluna-->
                <img src="img/Angular.png" class="descrição__imagem">
            </div>

            <!--segunda linha-->
            <div class="card__botões">
                <!--primeira coluna-->
                <ul class="botões">
                    <li class="botões__item">
                        <img src="img/Favoritos.svg" alt="Favoritar livro">
                    </li>
                    <li class="botões__item">
                        <img src="img/Compras.svg" alt="Adicionar ao Carrinho">
                    </li>
                </ul>
                <!--segunda coluna-->
                <a href="#" class="botões__ancora">Saiba Mais</a>
            </div>
        </div>
    </div>
</section>`