Projet 2 du parcours Développeur web d'OpenClassrooms : Transformez une maquette en site web avec HTML & CSS
Objectif : Réaliser l'intégration de la maquette d'un site de planification de vacances nommé "Booki".
- Visual Studio Code
- Git et Github
- HTML5
- CSS3
- Flexbox
- Devtools
- Les maquettes desktop et mobile sont fournies
- Les icônes proviennent de Font Awesome
- Les couleurs : bleu (#0065FC) - bleu clair (#DEEBFF) - gris (#F2F2F2)
- La police : "Raleway"
- 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é.
- Utiliser un système de gestion de versions pour le suivi du projet et son hébergement
- Mettre en place son environnement Front-End
- Intégrer du contenu conformément à une maquette
- Implémenter une interface responsive
- Respecter les spécifications fonctionnelles et techniques