How to make a complete responsive animated personal portfolio website design using html css and vanilla javascript step by step.

the main feature of this website are:
✔ custom animated cursor with hover effects using vanilla javascript
✔ responsive vertical side bar header / navbar with toggle menu bar effect.
✔ responsive home section using flexbox.
✔ responsive about section using flexbox.
✔ responsive services section using flexbox.
✔ responsive experience vertical timeline section using flexbox.
✔ responsive portfolio image gallery with hover effects section using flexbox.
✔ responsive contact section section using flexbox.

timestamps:
0:00 demo
4:25 file structure
5:13 header section
12:58 custom cursor
16:45 home section
20:26 about section
29:38 services section
32:53 experience section
37:08 portfolio section
41:33 contact section
48:13 footer section
48:57 final demo

SOURCE CODES

DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE ( INCLUDES IMAGES ):

https://drive.google.com/file/d/1A3Bk…

font awesome cdn link:

https://cdnjs.com/libraries/font-awesome

google fonts:

https://fonts.google.com/specimen/Roboto

Subscribe: https://www.youtube.com/channel/UCKwgH3vASrD2brd1l2m6NHw/featured

#html #css #javascript