/BellangerGuillaume_P2_09102020

Projet 2 " Reservia" du parcours "Développeur web" chez OpenClassroom.

Primary LanguageHTML

L'objectif est d'intégrer la maquette d'un site de planification de vacance nommé "Reservia" (voir l'image ci-dessous).

maquette web reservia

É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"] (https://fonts.google.com/specimen/Raleway)

Fonctionnalités

  • 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é devra ê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. (choix libre)
  • Dans le menu, les liens “Hébergements” et “Activités” sont des ancres qui doivent mener aux sections de la page.

Contraintes techniques

  • Ne pas utiliser de framework pour ce projet : uniquement CSS et Html.
  • 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.

Notes sur la réalisation du projet

  • l'integration est faite sur l'éditeur Visual Studio Code avec les plugings [live serveur].