1
resposta

[Sugestão] Opinião do instrutor

Na parte da Opinião do instrutor esta com duas partes da aula seguinte realizadas:

      <section class="py-5">

        <h2 class="fw-bold text-center pb-1">Nossos produtos</h2>

        <div class="row mx-0">

            <div class="col-12 col-md-6 col-lg-4">
                <div class="card border-0 mx-auto btn" data-bs-toggle="modal" data-bs-target="#modal-1"
                    style="width: 18rem;">
                    <img src="./assets/produtos-cafe-tradicional.png" class="card-img-top" alt="Café preto.">
                    <div class="card-body">
                        <h3 class="card-text text-center fw-bold">Cafés Tradicionais</h3>
                    </div>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="card border-0 mx-auto btn" data-bs-toggle="modal" data-bs-target="#modal-2"
                    style="width: 18rem;">
                    <img src="./assets/produtos-cafe-especial.png" class="card-img-top" alt="Café expresso.">
                    <div class="card-body">
                        <h3 class="card-text fw-bold text-center">Cafés Especiais</h3>
                    </div>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="card border-0 mx-auto btn" style="width: 18rem;">
                    <img src="./assets/produtos-vitaminas.png" class="card-img-top" alt="Vitaminas variadas">
                    <div class="card-body">
                        <h3 class="card-text text-center fw-bold text-nowrap">Smoothies e Vitaminas</h3>
                    </div>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="card border-0 mx-auto btn" style="width: 18rem;">
                    <img src="./assets/produtos-paes.png" class="card-img-top" alt="Pães variados">
                    <div class="card-body">
                        <h3 class="card-text text-center fw-bold">Pães e Focaccias</h3>
                    </div>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="card border-0 mx-auto btn" style="width: 18rem;">
                    <img src="./assets/produtos-doces.png" class="card-img-top" alt="Bolo de morango">
                    <div class="card-body">
                        <h3 class="card-text text-center fw-bold">Doces</h3>
                    </div>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="card border-0 mx-auto btn" style="width: 18rem;">
                    <img src="./assets/produtos-salgados.png" class="card-img-top" alt="Torta salgada">
                    <div class="card-body">
                        <h3 class="card-text text-center fw-bold">Salgados</h3>
                    </div>
                </div>
            </div>
        </div>

      </section>

a parte :

 data-bs-toggle="modal" data-bs-target="#modal-1"

e a :

data-bs-toggle="modal" data-bs-target="#modal-2"

vem somente na aula seguinte e esta no código anterior a aula

Matricule-se agora e aproveite até 50% OFF

O maior desconto do ano para você evoluir com a maior escola de tecnologia

QUERO APROVEITAR
1 resposta

Obrigado por compartilhar.
Bons estudos.