Introduction
- Introduction
Home Page
- Top section
- Grid, about and Locations
Menu page
- Menu page first section
- Menu page second section
Make website responsive
- Responsive
What you'll learn
- Html and Css
- Restaurant web template
- Minimalist web template
- Responsive website
Description
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!
The University of Sheffield
Other Courses
Sing Freely Stop Straining
Voice exercises for anyone. Long term singing in a healthy way. Focusing on learning without strain
Create Your Dream Life - A Step-by-Step Guide
Design, Build and Live Your Ideal Life Vision - A Step-by-Step Guide
Getting Started with Cisco Modeling Labs (CML 2 / VIRL 2)
Cisco Modeling Labs (CML 2) virtualizes Cisco IOS networks and helps prepare for your CCNA, CCNP or DevNet exams!
AI foundations for business professionals
A code-free intro to artificial intelligence, ML, & data science for professionals, marketers, managers, & executives
Beginning C++ Templates
Understand templates in depth & create generic algorithms and classes.
About the instructors
- 4.37 Calificación
- 23202 Estudiantes
- 16 Cursos
Eliana Rincon
Web developer
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.
Student feedback
3.9
Course Rating
Reviews
TimO
19-11-2023
I am sort of more experienced having used html, css, and visual studio code before. Good pace for me. Some interesting ideas with style and css, completed a whole homepage with some features.
Sriyani Kariyawasam
13-10-2023
Great explanation! easy to catch up!
Leela Deepak Sublari
19-06-2023
good
Ntuthuko Bophela
19-06-2023
Very simple and straight forward, explained most concepts but skipped through some. Overall, definitely recommend as beginner friendly, but not absolute beginner.
Sonia Caceres
19-06-2023
Me encanto el resultado final.