Complete Responsive Personal Portfolio Website Tutorial Using -HTML/CSS/JQUERY – Step By Step

how to make complete responsive personal portfolio website design using html, css ( sass ) and javascript/jquery.
mobile first responsive personal portfolio website tutorial for beginners step by step.
simple complete responsive personal portfolio website design tutorial with source code.

the main features of this website are:
responsive navigation bar with menu icon toggle effect.
responsive about section.
responsive home section.
responsive skill section
responsive work section
responsive contact section
and simple footer section

* SOURCE CODES *

download full website code from google drive:
https://drive.google.com/drive/folders/1PgOWFwe39ZkbdSvVchDGRPHuACmo3lfT?usp=sharing

download main pic image from here:
https://www.freepik.com/free-photo/handsome-businessman-suit-glasses-cross-arms-chest-look_9903076.htm#page=1&query=handsome-businessman-suit-glasses-cross-arms-chest-look&position=0

fonts i used was exo 2 and lobster from google fonts:
https://fonts.google.com/specimen/Exo+2?query=exo+2
https://fonts.google.com/specimen/Lobster?query=lobster

And Shape Images are Made Using Figma:
Figma Is Free To Use: https://www.figma.com/downloads/

watch the full playlist of how to create responsive websites:

New To My Channel Subscribe Now And See More Stuff Like This:
https://youtube.com/channel/UCKwgH3vASrD2brd1l2m6NHw

timestamp:
0:00 demo
3:10 header section/navbar section
11:20 home section
17:25 about section
22:05 skill section
28:40 work section
33:25 contact section
40:50 footer section

#PersonalPortfolio
#ResponsiveWebsite
#WebDesign
#CompleteWesbite
#ResponsiveDesigns
#animatedWebsite
#HTML5
#CSS3
#SASS
#SCSS
#JQUERY
#Javascript
#WebDevelopment
#WebsiteDesign