Restaurant_Bootstrap

At the end of the 2nd month of training at BeCode, The work to be done is a showcase site of a (fictional) franchise of restaurants.

Instructions:

  • the website must be responsive
  • minimum 5 pages accessible from a navigation menu :
    • Home: 1 jumbotron with logo and/or name of the restaurant. animation on hover.
    • Menu: grouped list with badges
    • Photos: photos gallery (minimum 10). 4 photos on each line in Desktop format, 2 in Tablet format and 1 in smartphone format.
    • Restaurants: adress, access map and opening hours for, at least 3 reqtaurants. There must be an interactive mention "the restaurant is open / closed" depending on the time the customer logs in.
    • Contact: contact form including name, first name, e-mail, drop-down list (message subject with a select and options)), a text field (for the message), a send button with glyphicon. Use labels to link input descriptions with their input
    • popup to recover the client's first name, "hello ..."

Objectifs :

  • style with bootstrap (CDN)
  • 1 CSS file for the whole website
  • relatif path to the other pages
  • oragnisation for files: assets, then css, js and img
  • Font Awesome
  • favicon
  • royalty free images
  • lighthouse : 80% min for each category

View large screen


View small screen


https://ebialais.github.io/bootstrap-resto-website/