Concevoir une page d’hommage en utilisant HTML et CSS

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.

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.

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.

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.

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 :

CSS