Learn 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:
✔ responsive vertical side header / navbar with toggle menu bar effect.
✔ responsive home section with particles.js effects.
✔ responsive about section with vanilla tilt.js effects using flexbox.
✔ responsive service section with vanilla tilt.js effects using flexbox.
✔ responsive portfolio images gallery section with vanilla tilt.js effects using flexbox.
✔ responsive blogs section with vanilla tilt.js effects using flexbox.
✔ responsive contact form section with vanilla tilt.js effects using flexbox.
✔ responsive footer section section.

timestamps:
0:00 demo
4:21 file structure
4:55 header section
11:24 home section
14:11 typed.js
15:20 particles.js
17:45 tilt.js
18:58 about section
24:10 service section
27:11 portfolio section
29:49 blogs section
32:16 contact section
36:10 footer section

• SOURCE CODES *

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

https://drive.google.com/file/d/17wd4…

particles.js link:

https://vincentgarreau.com/particles.js/

vanilla-tilt.js link:

https://micku7zu.github.io/vanilla-ti…

typed.js link:

https://cdnjs.com/libraries/typed.js

font awesome cdn link:

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

google fonts:

https://fonts.google.com/specimen/Nun…

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

#html #css #javascript