Créez la page d'accueil d'une agence de voyage avec HTML & CSS

Objectifs:

➤Intégrer du contenu conformément à une maquette avec HTML et CSS

Compétences:

Utilisation de VS Code
Importation de polices depuis Google Fonts
Versioning avec Git et GitHub
Gestion du positionnement des éléments
Gestion de l’espacement entre les éléments
Gestion de l’utilisation de px, vw, vh et %
Utilisation de Flexbox
Création d’un formulaire
Gestion des breakpoints
Commenter son code
Validation du HTML et CSS via le W3C

Capture d'écran

Contexte:

Pour ce projet, je suis développeur web au sein de la start-up Booki, qui propose des hébergements et activités dans plusieurs villes. Sarah, la CTO de Booki, a fait appel à mes services car elle voudrait permettre aux usagers de trouver des hébergements et des activités dans la ville de leur choix. Pour ce faire, je suis missionné d’intégrer l’interface du site à partir de la maquette visuelle fournie par Loïc, l’UI Designer. J’ai comme contrainte de n’utiliser que du HTML et CSS pour l’intégration du site.

Description:

Étape 1 : Installation de l’environnement
Étape 2 : Découpe de la maquette
Étape 3 : Intégration du header du projet
Étape 4 : Ajout du formulaire
Étape 5 : Ajout de la partie Filtres
Étape 6 : Réalisation de la “card” hébergement
Étape 7 : Gestion de l’affichage des “cards”
Étape 8 : Intégration du conteneur
Étape 9 : Implémentation du footer
Étape 10 : Gestion des tailles limites
Étape 11 : Vérification de la qualité du code