In this video, I will show you how to create a responsive personal portfolio website design using HTML, CSS and JavaScript.
Create a complete responsive personal portfolio 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 flexbox.
✔ Responsive projects section using css flexbox.
✔ Responsive contact section using css flexbox.
✔ Responsive footer section.
Free Source Code with images
Source code: https://bit.ly/3TGUOjI
lightgallery.js cdn links:
https://cdnjs.com/libraries/lightgallery-js
google fonts:
https://fonts.google.com/specimen/Poppins
font awesome cdn link:
https://cdnjs.com/libraries/font-awesome
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/c/NinjasHub
#frontend
#frontenddeveloper
Create a complete responsive personal portfolio 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 flexbox.
✔ Responsive projects section using css flexbox.
✔ Responsive contact section using css flexbox.
✔ Responsive footer section.
Free Source Code with images
Source code: https://bit.ly/3TGUOjI
lightgallery.js cdn links:
https://cdnjs.com/libraries/lightgallery-js
google fonts:
https://fonts.google.com/specimen/Poppins
font awesome cdn link:
https://cdnjs.com/libraries/font-awesome
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/c/NinjasHub
#frontend
#frontenddeveloper
- Category
- Web design
Be the first to comment