Deuxième étape du parcours de la formation web developper consistant à une mission d'intégration d'une maquette pour un site de location nommé Reservia. (voir image ci-dessous)
- maquette pour les résolutions d'ordinateurs et téléphones nous est donné.
- les images présentes sur le site sont aussi livrés au format sm, md, l & xl.
- Les icones provenant de Font Awesome
- Les couleurs: bleu #0065FC - bleu clair #DEEBFF - gris #F2F2F2
- La police: "Raleway"
- L'integration doit se faire en HTML5 & CSS3, from scratch.
- 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.
- Intégration de la résolution tablettes à la convenance du developpeur
- 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
- Utilisation de VS code pour la réalisation