Booki
Création de la page d'accueil d'une agence de voyage avec HTML & CSS.
/!\ LE SITE N'EST ACTUELLEMENT PLUS EN LIGNE /!\
HTML5 | CSS
Détails du projet à effectuer
/!\ LE SITE N’EST ACTUELLEMENT PLUS EN LIGNE /!\
Ce projet, fait parti d’un exercice de ma formation avec OpenClassrooms.
Pour ce projet, j’interviens comme développeur web au sein de la start-up Booki (agence de voyage) pour créer la page d’accueil de leur site.
Ce site internet doit permettre aux usagers, de pouvoir trouver facilement des hébergements et des activités, dans la ville de leur choix.
Il faudra bien respecter l’architecture suivante :
- Un fichier “index.html” contenant une première base du code HTML que tu devras compléter.
- Un dossier “css” contenant un fichier “style.css” avec une première ébauche du code CSS et que tu devras compléter également.
- Un dossier “images” contenant l’ensemble des images utilisées sur le site.
Les filtres ne doivent pas être opérationnels.
Ce que j'ai fait
Je vais devoir créer toute l’architecture du site en HTML et créer le CSS pour pouvoir respecter la maquette Figma.
Après avoir étudié la maquette, la première chose a été d’en faire une découpe précise. Ceci pour déterminer qu’elles balises HTML j’allais utiliser et comment j’allais les agencer.
Une fois le découpage fait et la structure html mise en place, je me suis attaqué au CSS pour obtenir la mise en forme demandé sur la maquette.
Pour arriver au résultat, j’ai dû revoir de nombreuses fois mon html pour que le code reste propre et maintenable.
Il n’était pas demandé de gérer la partie responsive du site. Mais j’ai tout de même pris en compte le responsif pour pouvoir être affiché jusqu’à une largeur minimum de 320px.
Réalisation précédente
