TP 2

Création d'un composant

Notre exercice sera de créer un premier composant card basé sur le framework CSS materialize-css (documentation).

Ce composant card nous permettre d'afficher un résumé d'une annonce. Nous le réutiliserons pour afficher une liste d'annonce très visuel !

Voici le template materialize-css d'une card:

<div class="card">
    <div class="card-image">
        <img src="images/path.png">
        <span class="card-title">Titre</span>
    </div>
    <div class="card-stacked">
        <div class="card-content">
            Contenu
        </div>
        <div class="card-action">
            <a href="#">Voir annonce</a>
         </div>
    </div>
</div>

Nous allons construire ce composant ensemble !

Correction du TP : tp2-solution

Suivant