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