Learn how to make complete portfolio website design with glassmorphism effect using html, css and vanilla javascript from scratch.

the main feature of this website are:

✔ header / navigation bar section with glassmorphism effect
✔ home, about, service, education and contact section with glassmorphism effect
✔ theme toggler buttons with glassmorphism effect using vanilla javascript.

TimeLine:
0:00​ demo
2:06​ file structure
2:38​ header / navbar section
7:09​ content container
7:49​ home section
13:33​ about section
18:11​ service section
20:38​ education section
23:38​ contact section
28:23​ theme toggler
31:04​ final demo

SOURCE CODES 

DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE:
https://drive.google.com/file/d/1uSiJ6VJp-mU-0Njp0808naQH8yxGeU5Y/view?usp=sharing 

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

type.js cdn link:
https://cdnjs.com/libraries/typed.js 

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

#html #css #javascript