PROJET 2 : "Transformez une maquette en site web avec HTML & CSS" (version avant 29-09-21)
Police : Raleway
Maquettes fournises.
Les icones proviennent de Font Awesome
Couleurs :
Couleur | Hex |
---|---|
Couleur Primaire | #0065FC |
Couleur Secondaire | #DEEBFF |
Couleur de fond | #F2F2F2 |
- Pas de frameworks, Uniquement HTML & CSS
- Chaque carte d’hébergement ou d’activité devra être cliquable dans son intégralité.
- Le champ de recherche est donc un champ de saisie, dont le texte peut être édité par l’usager
- 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.
- 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.
- Dans le menu, les liens “Hébergements” et “Activités” sont des ancres qui doivent mener aux sections de la page
- Responsive Desktop, Tablet , Mobile (Desktop first)
Size | Screen | Breakpoints |
---|---|---|
Desktop | > 992px | |
Tablet | 992px | |
Mobile | < 768px |