git clone https://github.com/simplon-roanne/restaurant-css
cd restaurant-css
docker-compose up
Server will be ready on http://localhost:8080
Le restaurant Simplon Gourmet veut effectuer une refonte partielle de son site web. Certains élements d'UI sont à modifier pour rendre le site attractif/attrayant, et la mise en place du responsive doit être revue pour les mobiles pour certaines sections du site.
Les tâches à effectuées sont les suivantes :
- Augmenter la taille des balises de titrages de 20%
- Rendre opaque le fond des formulaires de réservation et inverser la couleur des boutons. Les effets au survol devront être adaptés
- Augmenter la graisse de la police d'écriture du menu et appliquer la couleur suivante au bouton de réservation : PALEGOLDENROD, la couleur du texte devra nécessairement être modifiée.
- Augmenter seulement la taille de la police d'écriture des prix des menus 50% en lui appliquant la couleur blanche
- N'afficher que deux évenements sur la page d'accueil, la largeur des événements devra alors être adaptée.
- La section Gallery doit être adaptée de la manière suivante : ..* 3 photos par lignes pour en dessus de 992px ..* 2 photos par lignes à partir de 768px ..* 1 photo par lignes à partir de 320px, le breakpoint devra être créé pour les très petits mobiles.
- Extra : Créer une section de mise en page de texte libre, sur fond blanc, entre les sections Intro et Gallery. La section devra comporter une balise de titre et 2 de paragraphes. Du texte de substitution pourra être utilisé.
Au moins 5 points ont été traités et un fichier html a été produit
- px Vs em Vs Rem
- CSS pseudo-class
- CSS grid system
- Common device breakpoints
Débuguer le readme de cet exercice ou les éléments de sous-liste Markdown "..*" ne sont pas bien interprétés...