create a simple complete responsive website design using html css and vanilla javascript.
how to make a simple front end one page website design template using html css and vanilla javscript from scratch.
the main feature of this website are:
✔ black and white theme color change using vanilla javascript.
✔ color theme change using vanilla javascript.
✔ responsive search box toggle effect using javascript.
✔ responsive navbar with toggle effect using javascript.
✔ responsive header design with icons using flexbox.
✔ responsive simple home / hero part using css grid.
✔ responsive services box section using css grid.
✔ responsive image gallery section using css grid.
✔ responsive pricing table section using css grid.
✔ responsive review / testimonial card section using css grid.
✔ responsive contact form section.
✔ responsive footer section using css grid.
* SOURCE CODES *
DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE ( INCLUDES IMAGES ):
https://drive.google.com/file/d/1bNO9Jx8rSnl-4l4LLkNtlB3B-sQujnCq/view?usp=sharing
font awesome cdn link:
https://cdnjs.com/libraries/font-awesome
google fonts:
https://fonts.google.com/specimen/Nunito
images are from freepik:
https://www.freepik.com/
New To My Channel Subscribe Now And See More Stuff Like This:
https://youtube.com/channel/UCKwgH3vASrD2brd1l2m6NHw
Timestamps:
0:00 demo
5:17 file structure
6:01 header section
22:31 home section
25:27 services section
29:53 gallery section
33:59 pricing section
38:47 review section
43:07 contact section
45:34 footer section
50:31 final demo
#FrontEnd
#CompleteWebsite
#ResponsiveWebsite
