Description du projet :
- Dans ce projet, nous allons concevoir et créer une page d'hommage dédiée aux soignants de la Covid-19 en utilisant HTML et CSS. Cette page servira de tribune pour mettre en avant les réalisations et la vie de ces personnes que nous admirons profondément.
Ressources :
- Texte: texte
- Image: Cliquez pour télécharger l'image de l'équipe.
Objectifs :
- Concevoir et développer une page Web en hommage aux soignants de la Covid-19.
- Insérer une image des soignants de la Covid-19 au centre de la page, sous le titre.
- Créer un cadre attrayant autour de l'image.
- Rédiger des détails et des réalisations importantes à l'intérieur de cette boîte en utilisant des balises <div> et <p>.
- Utiliser la balise <img> pour afficher l'image de l'équipe.
- À partir du fichier texte que vous avez téléchargé, ajoutez le contenu sous forme de listes non ordonnées à l'intérieur de la balise <div> que vous avez créée précédemment pour afficher des informations détaillées sur l'équipe.
- Assurez-vous que le texte est bien structuré et lisible. N'oubliez pas d'attribuer des identifiants CSS appropriés aux éléments de liste pour une personnalisation facile du design.
- Personnaliser et embellir le design de la page à l'aide de CSS.
Étapes du projet :
- Vous devez inclure un titre ou un en-tête sur la page d'hommage.
- À l'intérieur de la balise <body>, ajoutez un titre à la page en utilisant <h1>.
- Insérez une image de l'équipe soignants de la Covid-19 dans la balise <img> avec une légende appropriée.
- L'image que vous avez créée doit être réactive et tenir dans son conteneur.
- L'image doit être centrée à l'intérieur de son conteneur.
- Créez une autre balise <div> et placez-y l'ensemble du contenu en utilisant des balises <p> pour ajouter des informations détaillées sur la vie et les réalisations de la personne honorée.
- Attribuez un identifiant à chaque balise pour permettre une personnalisation facile du design à l'aide de CSS.
Dans la section CSS :
- Concevez une mise en page centrée pour la page d'hommage.
- Utilisez la propriété box-shadow pour créer un effet visuel autour du contenu principal.
- Utilisez les couleurs de l'image ci dessous.
Rendue
- Explorez les différentes techniques de conception HTML5 et CSS3 pour rendre cette page d'hommage aux soignants de la Covid-19 aussi mémorable que possible.
- Le projet final devrait ressembler à ceci :
