Learn how to make a restaurant website with html and Css

Create a minimalist web template
Free tutorial
Rating: 4.2 out of 5 (14 ratings)
1,045 students
1hr 22min of on-demand video
English [Auto]

Html and Css
Restaurant web template
Minimalist web template
Responsive website


  • Html and Css intermediary level


In this course you will be learning how to make a minimalist restaurant web template with the basic programming languages Html and Css. The website contains two pages (Home and Menu) and it's completely responsive.

- First Section:

Home page

(2 videos)

The home page is divided in 4 sections:

1. Top: Background image, intro text and button, navbar and logo.

2. Grid: Make a Grid with 4 images with a zoom-in hover animation.

3. About: Vertical Title, paragraph with the about info and a image.

4. Locations and contact: Centered info with the different locations and a Contact number, we will be adding also icons with Font awesome.

- Second Section:

Menu Page

(2 videos)

The menu page is also divided in 4 sections, each section contains the image of the pizza on one side and the info on the other side with the ingredients and the prices for familiar and personal size, also we will add dividers in the middle of the sections.

- Third Section:

(1 video)

The last section will consist in make our web template responsive for all devices.

That includes both pages (Home and menu).

We will be applying the media screen to add the code to different devices like tables phones and more.

Let's get start it!

Who this course is for:

  • Intermediate html and Css programmers


Web developer
Eliana Rincon
  • 4.4 Instructor Rating
  • 192 Reviews
  • 22,972 Students
  • 15 Courses

Hi Everyone!,

I have been actively engaged in the field of programming since 2019 and assumed the role of a Udemy Instructor in 2021. My commitment to education extends to platforms like YouTube, where I create comprehensive content aimed at making complex programming concepts accessible.

Should you have any inquiries or specific areas you'd like me to address, please don't hesitate to reach out.

Thank you for visiting, and I trust you will find the content both informative and enjoyable.

Top companies trust Udemy

Get your team access to Udemy's top 25,000+ courses