Akos  Mester

Akos Mester

1627619147

How to Make Complete Responsive Food / Restaurant Website Design Using HTML, CSS & JAVASCRIPT

In this video we show you how to design a fully responsive restaurant/food website using html css and vanilla javascript.

the main feature of this website are:
✔ responsive header / navbar with toggle menu bar effect and search bar icon and scrollspy.
✔ responsive home section with touch slider using swiper.js
✔ responsive dishes card section using grid.
✔ responsive about section using flexbox.
✔ responsive menu card section using grid.
✔ responsive review section with touch slider using swiper.js
✔ responsive order form section.
✔ responsive footer section using grid.

Timestamps:
0:00 demo
4:52 file structure
5:47 header section
15:57 search bar
21:53 home section
30:42 dishes section
38:27 about section
43:57 menu section
51:36 review section
57:31 order section
1:04:56 footer section
1:10:27 scrollspy
1:13:46 loader
1:16:21 final demo

* SOURCE CODES *

DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE ( INCLUDES IMAGES ):
https://drive.google.com/file/d/1kS9zrqXb5sNNTEv45Wqegmyudej5Uzco/view?usp=sharing

swiper.js link:
https://swiperjs.com/

font awesome cdn link: https://cdnjs.com/libraries/font-awesome

google fonts: https://fonts.google.com/specimen/Roboto

images are from freepik:
https://www.freepik.com/

#html #css #javascript 

 

 


 

What is GEEK

Buddha Community

How to Make Complete Responsive Food / Restaurant Website Design Using HTML, CSS & JAVASCRIPT
Nandini roy

Nandini roy

1618667097

Responsive Personal Portfolio Website Using HTML CSS and JavaScript

Tutorial: https://youtu.be/9DDiorNZiyw

#create a portfolio website with html css javascript #personal portfolio complete website using only html css javascript #responsive portfolio website html css javascript #responsive personal portfolio website #portfolio website #responsive website

wp codevo

wp codevo

1608043308

Responsive Personal Portfolio Website using HTML CSS & JavaScript

https://youtu.be/CHQvM4oS7ww

#responsive website using html5 and css3 #responsive website html css #portfolio website #portfolio website design in html css #complete responsive website in html css javascript #one page personal website

wp codevo

wp codevo

1608041337

RESPONSIVE Personal PORTFOLIO Website HTML CSS And JAVASCRIPT

https://youtu.be/J8g9gyzhEoM

#responsive website using html5 and css3 #portfolio website #one page personal website html css #portfolio website design in html css #css responsive website design #responsive website html css

anita maity

anita maity

1619013192

Create a Personal Portfolio Website Using HTML CSS and JavaScript

Demo Click Here: https://cutt.ly/2vFKuxe

#portfolio website html css #personal website html css #personal portfolio website #how to create a complete peronal portfolio website #responsive portfolio website html css #responsive personal portfolio website html css

anita maity

anita maity

1618639156

Responsive Personal Portfolio Website HTML CSS and JavaScript

Demo: https://cutt.ly/TvxhH2T

#portfolio website html css #personal portfolio website tutorial #portfolio website #responsive personal portfolio website #portfolio website html css javascript #responsive portfolio website html css javascript