Giter Club home page Giter Club logo

restaurant-css's Introduction

Restaurant-css

Démarrage du projet

git clone https://github.com/simplon-roanne/restaurant-css
cd restaurant-css
docker-compose up

Server will be ready on http://localhost:8080

Mission

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 :

  1. Augmenter la taille des balises de titrages de 20%
  2. Rendre opaque le fond des formulaires de réservation et inverser la couleur des boutons. Les effets au survol devront être adaptés
  3. 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.
  4. Augmenter seulement la taille de la police d'écriture des prix des menus 50% en lui appliquant la couleur blanche
  5. N'afficher que deux évenements sur la page d'accueil, la largeur des événements devra alors être adaptée.
  6. 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.
  7. 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é.

Accomplissement

Au moins 5 points ont été traités et un fichier html a été produit

Recherches utiles

  • px Vs em Vs Rem
  • CSS pseudo-class
  • CSS grid system
  • Common device breakpoints

Extra+

Débuguer le readme de cet exercice ou les éléments de sous-liste Markdown "..*" ne sont pas bien interprétés...

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.