https://github.com/forthtilliath/reservia.github.io
Deuxième projet du parcours développeur web chez OpenClassrooms - Reservia : "Transformez une maquette en site Web"
https://github.com/forthtilliath/reservia.github.io
css html openclassrooms-dwj-projet2 reservia web-development
Last synced: 9 months ago
JSON representation
Deuxième projet du parcours développeur web chez OpenClassrooms - Reservia : "Transformez une maquette en site Web"
- Host: GitHub
- URL: https://github.com/forthtilliath/reservia.github.io
- Owner: Forthtilliath
- Created: 2020-11-06T02:57:58.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2021-06-08T11:59:41.000Z (over 4 years ago)
- Last Synced: 2025-01-30T04:43:04.393Z (11 months ago)
- Topics: css, html, openclassrooms-dwj-projet2, reservia, web-development
- Language: CSS
- Homepage: https://forthtilliath.github.io/reservia.github.io/
- Size: 42.6 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Description
Deuxième projet du parcours développeur web chez OpenClassrooms : "Transformez une maquette en site Web"
L'objectif est de réaliser l'intégration de la maquette d'un site de planification de vacances nommé "Reservia" (voir l'image ci-dessous).
## Technologies, logiciels et langages utilisés
- Visual Studio Code
- Github
- HTML5
- CSS3
- Photoshop
- Javascript (uniquement pour activer le menu via les ancres)
## Éléments fournis par l'entreprise virtuelle
- Les maquettes desktop et mobile sont fournies
- Les icônes proviennent de [Font Awesome](https://fontawesome.com/)
- Les couleurs : bleu  `##0065FC` - bleu clair  `##DEEBFF` - gris  `##F2F2F2`
- La police : ["Raleway"](https://fonts.google.com/specimen/Raleway)
## Cahier des charges
- 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.](https://validator.w3.org/nu/?doc=https%3A%2F%2Fmathisbarre.github.io%2FMathisBarre_2_14102020%2F)
- 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
- Le site doit être responsive