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
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