Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Desafio: Meu código e meu resultado :

<section class="carrossel">
        <h2 class="carrossel__titulo">Mais vendidos</h2>
        <div class="swiper">
            <!-- Additional required wrapper -->
            <!-- If we need pagination -->
            <div class="swiper-pagination"></div>
            <div class="swiper-wrapper">
              <!-- Slides -->
              <div class="swiper-slide"><img src="/img/books/arquiteturadesoft.svg" alt="Livro arquitetura de de software distribuido"></div>
              <div class="swiper-slide"><img src="/img/books/Javascriptacertivo.svg" alt="Livro Javascript acertivo"></div>
              <div class="swiper-slide"><img src="/img/books/Acessibilidade.svg" alt="Livro de Acessibilidade do AluraBooks"></div>
              <div class="swiper-slide"><img src="/img/books/Angular.svg" alt="Livro sobre Angular do AluraBooks"></div>
              <div class="swiper-slide"><img src="/img/books/ApacheKafka.svg" alt="Livro ApacheKafka"></div>
              <div class="swiper-slide"><img src="/img/books/Guia Front-end.svg" alt="Livro Guia Front-end"></div>
              <div class="swiper-slide"><img src="/img/books/MetricasAgeis.svg" alt="Livro de Metricas ageis da alura books"></div>
              <div class="swiper-slide"><img src="/img/books/ReactNative.svg" alt="Livro sobre ReactNative da alura books"></div>
            </div>

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

            <div class="card card2">
                <div class="card__descricao card2__descricao">
                    <div class="descricao">
                        <h3 class="descricao__titulo-estrelas"><img src="/img/estrelacard.svg" alt=""></h3>
                        <h3 class="descricao__titulo descricao__titulo-2">Pessoa que está fazendo essa página:</h3>
                        <h2 class="descricao__titulo-livro">Ian rocha</h2>
                        <p class="descricao__texto">Estudante Front-end na Alura e criador deste card (codigoemotesorrindo) <br>(mais ou menos).</p>
                    </div>
                    <img src="/img/minhafoto.jpg" class="descricao__imagem descricao__imagem2"  alt="Imagem icone do Angular">
                </div>

                <div class="card__botoes">
                    <ul class="botoes">
                        <li class="botoes__item">
                            <img src="/img/Favoritos.svg" alt="Favoritar Livro">
                        </li>
                        <li class="botoes__item">
                            <img src="/img/Usuario.svg" alt="Adicionar ao Carrinho de compras">
                        </li>
                    </ul>

                    <a href="#" class="botoes__ancora">Saiba mais</a>
                </div>
            </div>
    </section>
2 respostas

![]Insira aqui a descrição dessa imagem para ajudar na acessibilidade

solução!

Oi Ian, tudo bem?

Parabéns por praticar e muito obrigada por compartilhar com a gente o seu resultado!

Muito legal que você personalizou o seu projeto :D.

Um abraço e bons estudos.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software