Learn how to make simple responsive complete website design using html, css, javascript / jquery step by step.
the main feature of this website are:
✔ responsive header / navbar with toggle menu bar effect.
✔ responsive home / hero section.
✔ responsive core features section
✔ responsive about section using flexbox.
✔ responsive features section using flexbox.
✔ responsive product section using flexbox.
✔ responsive contact section.
✔ responsive footer section.
timestamps:
0:00 demo
3:55 file structure
5:20 header / navbar section
12:54 home section
16:44 core features
21:30 about section
24:20 features section
27:55 product section
31:52 contact section
37:23 scroll spy
39:05 footer section
41:28 final demo
DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE ( INCLUDES IMAGES ):
https://drive.google.com/drive/folder…
fonts are from google fonts:
https://fonts.google.com/specimen/Ope…
font awesome cdn link:
https://cdnjs.com/libraries/font-awesome
jquery cdn link:
https://cdnjs.com/libraries/jquery
Subscribe: https://www.youtube.com/channel/UCKwgH3vASrD2brd1l2m6NHw/featured
#html #css #javascript