In this video, I will show you how to create a responsive Hair Dresser website design using HTML, CSS, and JavaScript.
Create a complete responsive Hair Dresser one-page website design tutorial for beginners using HTML, CSS, and vanilla javascript.
The main feature of this website are:
✔ responsive header with toggle menu effect using vanilla javascript.
✔ responsive home section using css flexbox.
✔ responsive about section using css flexbox.
✔ responsive services section using css grid.
✔ responsive styles section using css grid.
✔ responsive pricing section using css flexbox.
✔ responsive blog section using css grid.
✔ responsive book a visit section using css flexbox.
✔ responsive reviews section using css grid.
✔ responsive footer section using css grid.
source code: https://bit.ly/3BAmFwt
font awesome cdn link:
https://cdnjs.com/libraries/font-awesome
google fonts:
https://fonts.google.com/specimen/Playfair+Display?query=pla
Editor : visual studio code
Browser : google chrome
Images / Video / SVG :
01 - https://www.freepik.com/
02 - https://storyset.com/
03 - https://pixabay.com/
04 - https://unsplash.com/
05 - https://pixabay.com/
New To My Channel Subscribe Now And See More Stuff Like This:
https://www.youtube.com/channel/UCeJT6yLX8vBOELUP9qeTGNA/videos
Create a complete responsive Hair Dresser one-page website design tutorial for beginners using HTML, CSS, and vanilla javascript.
The main feature of this website are:
✔ responsive header with toggle menu effect using vanilla javascript.
✔ responsive home section using css flexbox.
✔ responsive about section using css flexbox.
✔ responsive services section using css grid.
✔ responsive styles section using css grid.
✔ responsive pricing section using css flexbox.
✔ responsive blog section using css grid.
✔ responsive book a visit section using css flexbox.
✔ responsive reviews section using css grid.
✔ responsive footer section using css grid.
source code: https://bit.ly/3BAmFwt
font awesome cdn link:
https://cdnjs.com/libraries/font-awesome
google fonts:
https://fonts.google.com/specimen/Playfair+Display?query=pla
Editor : visual studio code
Browser : google chrome
Images / Video / SVG :
01 - https://www.freepik.com/
02 - https://storyset.com/
03 - https://pixabay.com/
04 - https://unsplash.com/
05 - https://pixabay.com/
New To My Channel Subscribe Now And See More Stuff Like This:
https://www.youtube.com/channel/UCeJT6yLX8vBOELUP9qeTGNA/videos
- Category
- Web design
Be the first to comment