Reservia - Plateforme de reservation de vacances

Deuxième projet du parcours "Développeur web" chez OpenClassroom. L'objectif est d'intégrer la maquette d'un site de reservation de vacance nommé "Reservia" (voir les maquettes ci-dessous).

Maquette pour ordinateur

Maquette pour smartphone -- iPhone

Éléments fournis par l'entreprise virtuelle.

• La maquette pour les résolutions ordinateur et téléphone nous est donné.
• Toutes les images présentes sur le site sont aussi livrés en format sm, md, l & xl.
• Les icones proviennent de Font Awesome
• Les couleurs sont : bleu #0065FC - bleu clair #DEEBFF - gris #F2F2F2
• La police est "Raleway"

Cahier des charges

• L'integration doit se faire en HTML5 & CSS3, sans framework (bootstrap par exemple)
• Le champ de recherche doit être un champ de saisie, dont le texte peut être édité. La fonctionnalité de recherche ne doit pas être implémenté pour autant.
• Chaque carte d’hébergement ou d’activité devra être cliquable dans son intégralité. Pour l’instant les liens seront vides.
• Les filtres, bien que non fonctionnels, doivent changer de style au survol.
• Dans le menu, les liens “Hébergements” et “Activités” sont des ancres qui doivent mener aux sections de la page.
• Même si aucune maquette pour la résolution tablette n'est fournis, l'intégration doit la prendre en charge.
• Les images doivent être de taille adéquate afin qu'elle soit le plus jolie possible en impactant le moins possible le temps de chargement de la page.
• [Le code devra utiliser les balises sémantiques et ne doit contenir aucune erreur ni alerte au validateur W3C HTML et CSS.]
• Le site devra être compatible avec les dernières versions de Chrome et Firefox.
• Le HTML et le CSS doivent être séparés et le dossier doit être organisé
• Le code doit être versionné avec git et doit avoir un repo distant sur Github ou Gitlab

Notes sur la réalisation du projet

• L'integration est faite sur l'éditeur Visual Studio Code
• Le fichier de style se trouve à l'adresse (./style/style.css)
• Le fichier html ou page web se trouve à l'adresse (./index.html)
• Le dossier de police se trouve à l'adresse (./style/Police/)
• Le dossier des icônes se trouve à l'adresse (./icons/)
• Lien vers la validité CSS [ http://jigsaw.w3.org/css-validator/validator$link ]

Visualiser le site ici: https://daniel6561.github.io/Reservia--OpenClassrooms/