Restaurant website example with HTML, CSS, and JavaScript

This was my very first project as a web developer. I had learned a lot from freeCodeCamp and was ready to make use of those skills. The design is purely built with HTML, CSS and JavaScript. With an animated hero section and a simple user interface, I wanted to portray the website as a fast food resturant with quick orders. The customer can order without leaving the page and also get to calculate their budget with the calculator feature. I focused on easy user interface and experience with this design. In the website, the customer can:

What I used:

  1. HTML5
  2. CSS3
  3. JavaScript
  4. Figma
  5. Canva
  6. FontAwesome
  7. Google API, Only embedding
View Website Github Code Need one?
Resturant website hero template
Example of resturant website hero template
Resturant website offer template
Resturant website offer template
Resturant website food order section template
Food ordering section in the resturant website
resturant website food details pop up template
Example of resturant website food details pop up template
Example of resturant website reservation page hero
Example of resturant website reservation page hero
Example of resturant website open hours template
Example of resturant website open hours
Example of resturant website reservation form
Example of resturant website reservation form
google maps intergration to website template
Google maps intergration in the resturant website template
resturant website footer template
Resturant website footer template
resturant about page template
About page resturant template
resturant about page template
Resturant about template after scroll
contact page resturant website template
Contact page resturant website template
contact form of a resturant website template
Resturant website contact form template
food blog template
Example of resturant website Blog
Responsive resturant design template
Example of resturant website responsive design