Html et css code - v0 by Vercel

Je vais créer le code HTML et CSS pour reproduire cette carte de membre avec des images remplaçables.

Carte de Membre RDC

index.html

Carte de Membre RDC

styles.css

Comment utiliser ce code

Pour utiliser ce code, vous devez remplacer les images suivantes par vos propres images :

Pour personnaliser la carte, vous pouvez :

Remplacer les espaces ________________ dans le HTML par les informations réelles
Ajuster les couleurs dans le CSS (actuellement #e30613 pour le rouge et #0072bc pour le bleu)
Modifier les dimensions selon vos besoins

Pour ajouter une photo d'identité, remplacez la div photo-placeholder par une balise image :

<img src="photo.jpg" alt="Photo d'identité" class="photo">

Et ajoutez ce style CSS :

.photo {
    width: 100px;
    height: 120px;
    border: 2px solid white;
    object-fit: cover;
}

Je vais créer le code HTML et CSS pour reproduire cette carte de membre avec des images remplaçables.

Carte de Membre RDC

index.html

Carte de Membre RDC

styles.css

Pour utiliser ce code, vous devez remplacer les images suivantes par vos propres images :

Pour personnaliser la carte, vous pouvez :

Remplacer les espaces ________________ dans le HTML par les informations réelles
Ajuster les couleurs dans le CSS (actuellement #e30613 pour le rouge et #0072bc pour le bleu)
Modifier les dimensions selon vos besoins

Pour ajouter une photo d'identité, remplacez la div photo-placeholder par une balise image :

<img src="photo.jpg" alt="Photo d'identité" class="photo">

Et ajoutez ce style CSS :

.photo {
    width: 100px;
    height: 120px;
    border: 2px solid white;
    object-fit: cover;
}