Skip to content

Files

Latest commit

5edf3ea · Jul 13, 2022

History

History

Assignment-5B

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
Jul 13, 2022
Jul 13, 2022
Jul 13, 2022
Jul 13, 2022
Jul 13, 2022

Assignment 5 Part B

The website is basically a lunch and diner place where you can see details about the services we offer. Contact information is provided on this website for services like catering. Our Chefs deliver the perfect private dinner or cocktail party experience in your home; or let us simply add a little extra flavor to your next office meeting, boat trip, or beach picnic. It also offers a full array of bar services and beverage selections.

Group assignment in Bootstrap: A restaurant/cafe website homepage which displays menu, gallery, contact and about info.

Project Members:

  • Ayushi Patel
  • Harshita Singh
  • Shreya Gosrani
  • Shriya Dikshith
  • Sanket Khadke

It contains the following bootstrap components:

  1. dropdown: In the nav menu for the "pages" to navigate to different pages
  2. form: Used for making reservation as well taking contact info from the user
  3. button: They are used for ordering online, sending a message, as well as making a reservation
  4. card: It is used to display information on hiring
  5. carousel: This component is used to display reviews given by our past customers
  6. alert: Used to display "Home delivery available" info
  7. progress bar: Made use of progress bars to display our chefs' experience levels
  8. close button
  9. modal: Modal is used on "Make a Reservation" button as well as on menu items for ordering through home delivery.
  10. .nav : We have added navigation bar at the top from the bootstrap components.
  11. Pagination : Added in the end of document to navigate through pages 12)card-body : The building block of a card is the .card-body. Use it whenever you need a padded section within a card. we have used this in the schedule section.

We have designed and created a website for a restaurant. The home page has a navigation bar containing links to Menu, Gallery and About Page. It also has a Make reservation button. Make reservation button uses Modal element to display a pop-up. The Home Page also contains links to order online and view restaurant location. On scrolling down user finds a menu created using carousel which displays dishes, it also has hover effect. On scrolling further there is a picture gallery. On clicking any picture, the picture opens in a gallery view. We used fancy-box element for this. After this there is an information section which contains the restaurant location, operating hours, and contact information for the restaurant. We added a make reservation button here as well. It uses Modal to display pop-up. We added a form element with proper validations and a submit button. We added a reviews section which contains progress bars. In the footer we added icons to our social media handles and online order button.