OpenClassrooms - Projet n°2 - Créez la page d'accueil d'une agence de voyage avec HTML & CSS
Deuxième projet du parcours de développeur web avec OpenClassrooms.
Éléments fournis pour le projet :
Une maquette Figma contenant la version mobile,tablette,desktop,ultrawide
une base de code contenant une structure HTML/Css et les images.
une note de synthèse pour l'intégration du site Booki
La note de synthèse contient :
Spécifications techniques :
-Les icones proviennent de la librairie "Font Awesome"
-La police d'écriture devait être "Raleway"
-Les couleurs à respecter étaient : bleu (#0065FC), le bleu clair (#DEEBFF) et le gris pour le fond (#F2F2F2).
-Le code doit être valide aux validateurs W3C HTML et CSS.
-Le code HTML ne doit pas contenir de propriété CSS.
-Aucun framework CSS (type BootStrap ou Tailwind CSS) ou préprocesseur CSS (type Sass
-ou Less) ne doit être utilisé.
-Aucun autre langage ne doit être utilisé (comme JavaScript, par exemple).
Spécificité Fonctionnelles :
Possibilité d'écrire dans le champ de recherche mais non fonctionnel.
Chaque carte correspondant à son hébergement ou activité devait être cliquable mais non fonctionnel.
Redirection vers les deux catégories concernées en cliquant sur "Hébergements" et "Activités" dans le menu.
Filtres de recherche doit changer de couleur au survol de la souris.
Utilisations des flexbox conseiller pour la mise en page.
Utilisation des balises sémantiques.
La maquette doit être compatible avec les dernières versions de Google Chrome et de Mozilla Firefox..
Technologies utilisées : Css Html