Objetivos da Aula

• Mostrar como funcionam os cards no bootstrap
• Mostrar as manipulações dos cards
• Mostrar as variações deles

Snippets

1. Os cards que ficam nessa parte da documentação: https://bootstrapdoconebitcode.netlify.app/pages/3cards são elementos muito versáteis que você pode usar para vários propósitos

2. O primeiro card é um card que você tem uma imagem, texto e botão, que poderia ser usado para ficar na lateral de um site, usado para ficar como uma pré-visualização de post de blog, etc...

   <button type="button" class="btn btn-primary">Primary<div class="card" style="width: 18rem;">
   <img src="..." class="card-img-top" alt="...">
       <div class="card-body">
           <h5 class="card-title">Card title
           <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.
           <a href="#" class="btn btn-primary">Go somewhere
       </div>
   </div>
   

3. Abaixo existe um card com apenas com títulos e links para você acessar, que é para usar como preferir em qualquer projeto, eles são muito versáteis

   <button type="button" class="btn btn-outline-primary">Primary</button>
   

Existem também outras variações que podem se adequar ao que você precisa, basta olhar no site do bootstrap clicando no link no topo da página.

[NÃO COLOCAR NA DESCRIÇÃO DO VÍDEO]

Explicar as variações dos cards e mostrar algumas outras variações no site do bootstrap