*** SCENARIO ***
Il est demandé d'intégrer la maquette du site Reservia en HTML et CSS. Le site permet aux usagers de trouver des hébergements et des activités dans la ville de leur choix. Les hébergements peuvent également être filtrés par thématique, par exemple leur budget ou leur ambiance.
*** FONCTIONNALITES ***
- Les usagers pourront rechercher des hébergements dans la ville de leur choix. Le champ de recherche est donc un champ de saisie, dont le texte peut être édité par l’usager. En revanche, à ce stade, le bouton de recherche ne sera pas fonctionnel ;
- Chaque carte d’hébergement ou d’activité doit être cliquable dans son intégralité. Pour l’instant les liens seront vides ;
- Les filtres ne seront pas fonctionnels pour cette version, en revanche, il faut qu’ils changent d’apparence au survol ;
- Dans le menu, les liens “Hébergements” et “Activités” sont des ancres qui doivent mener aux sections de la page.
*** CONTRAINTES TECHNIQUES ***
- Le site doit être construit selon les maquettes desktop et mobile ;
- Le site doit également être adapté aux tablettes (adaptation libre) ;
- Il faut choisir le format d'images le plus adapté ;
- Ne pas utiliser de framework ou pré-compilateur CSS ;
- Utiliser Visual Studio Code + Live Server ou Prettier ;
- Utiliser Flexbox ou CSS Grid ;
- Le code ne doit contenir aucune erreur ni alerte au validateur W3C HTML et CSS ;
- Le site doit être compatible avec les dernières versions de Chrome et de Firefox ;
- Le code doit être versionné avec Git, puis déployé sur GitHub Pages.
*** CHARTE GRAPHIQUE ***
- Icones: https://fontawesome.com/
- Couleurs : bleu #0065FC, bleu clair #DEEBFF, gris #F2F2F2 ;
- Police: Raleway.