GusCSS - Documentation des Cartes

Exemple de Cartes

Image 1
Carte 1

Ceci est le contenu pour la carte 1.

En savoir plus
Image 2
Carte 2

Ceci est le contenu pour la carte 2.

En savoir plus
Image 3
Carte 3

Ceci est le contenu pour la carte 3.

En savoir plus

Exemple de Code

<!-- Cartes -->
<div class="row">
    <div class="col-md-4">
        <div class="card">
            <img src="./test.jpeg" class="card-img-top" alt="Image 1" />
            <div class="card-body">
                <h5 class="card-title">Carte 1</h5>
                <p class="card-text">Ceci est le contenu pour la carte 1.</p>
                <a href="#" class="btn btn-primary">En savoir plus</a>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card">
            <img src="./test.jpeg" class="card-img-top" alt="Image 2" />
            <div class="card-body">
                <h5 class="card-title">Carte 2</h5>
                <p class="card-text">Ceci est le contenu pour la carte 2.</p>
                <a href="#" class="btn btn-primary">En savoir plus</a>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card">
            <img src="./test.jpeg" class="card-img-top" alt="Image 3" />
            <div class="card-body">
                <h5 class="card-title">Carte 3</h5>
                <p class="card-text">Ceci est le contenu pour la carte 3.</p>
                <a href="#" class="btn btn-primary">En savoir plus</a>
            </div>
        </div>
    </div>
</div>