Create A Responsive PERSONAL PORTFOLIO Website Design Using [ HTML CSS JS ] - From Scratch

how to make a complete responsive animated personal portfolio website design using html css and vanilla javascript step by step.
create a complete responsive personal portfolio website design template using html css and javascript from scratch.

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.

* SOURCE CODES *

font awesome cdn link:

google fonts:

New To My Channel Subscribe Now And See More Stuff Like This:

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

#FrontEnd
#PersonalPortfolio
#PortfolioWebsite

[Pete-da-peter]

I have huge respect for someone who provided the source code for it's followers to follow along

[faaid]

Wow Bro U R Prefect thnks Mr.web designer

Great from somalia🇸🇴✌🇸🇴

[lovely-dons]

Navigator button isint showing x while using media queries !

[RajeshKumar-uwqi]

The design is perfect 👍 ....good job again a good day

[RajeshKumar-uwqi]

And good part about the website. It's 👍

[programmingwithkartik]

I will support u *1000 times 🔥🔥 awesome content

[tanmay]

It's very nice sir
So 👍👍👍👌👌 from me 🥰

Plz teach me coding PLZZ 🙏🙏🙏🙏

[FranckoD]

Ooh wow, I like it a lot. Really very good design. I thank you a lot my friend. Be fine

[ayshashifana]

header section overlapping the home section !!!what do i do..?please help..when given home is wriiten it goes behind the header .so the content is hiding..im jus a beginer

[arafatislam]

Can u make a video about responsive ecommerce product slider with vanilla js?

[javascripthelpingdev]

Thank you so much for this video. It really helped me.

[mirahmadhakimmi]

could you please tell me .do you have some vedio you explained when you was coding

[nadarajangs]

Bro can I use this template, or is this can have any copyright claims?

[adeyemiajibola]

My css code is not running on my browser.... pls what could be wrong?

[mastscene]

Hello sir please create a blogspot blogger template ❤️❤️💯💯

[techcrackbd]

HI can I use these code to make my personal portfolio??

[yeasinarafat]

pleace give me only html5, css3 and vanilla javascript project

[ultrAbdu]

hi, i need working contact form, how can i do it?

[evildead]

Hey! could you please tell me?
How to blur the background when the navigation bar is opened?

[dorianjanezic]

hi, I can't get the burger menu to show up as three lines. It's only showing a rectangle and I do not know why. Could I get some help with that?