How to Build a Personal Portfolio Website Using HTML CSS JavaScript

Are you looking for a way to showcase your work and build a portfolio website? In this video, we'll show you how to build a personal portfolio website using HTML, CSS, and JavaScript.

This website is designed to be lightweight and mobile-friendly, so you can showcase your work in any format or device. We also include a light and dark theme so you can change the look and feel of your website to fit your own style. This is a great way to show your work to potential employers or clients, and build a portfolio website that you can be proud of!

🔗 Essential links
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀

⏱️ Timestamps
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
0:00 - Demo
2:35 - Starter file
3:28 - Html init & Css variables, reset
12:42 - Typography setup
18:53 - Header structure & style
26:30 - Hero structure & style
34:37 - About card structure & style
38:09 - Light & dark mode
45:37 - Tab structure & style
50:11 - Project section structure & style
57:31 - Resume section structure & style
1:07:08 - Contact section structure & style
1:22:48 - Tab functionality
1:26:48 - Footer structure & style
1:28:12 - Media queries

👍 Like - Follow & Support
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀

⚠️ Disclaimer
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Disclaimer video is for educational purposes only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favour of fair use

#codewithsadee
#personalportfolio
#portfolio

[BlackBerry]

Honestly, Bro, you do a lot of projects for us. Thank you for that. But I think you are making a big mistake . Most programming tutorials are written with background music, which is a huge mistake of many programmers. Do they teach you how to build a website or anything but not even explain a word of a single code? Many people just copied the code from the tutorial and have no clue what any of it does. If you try to explain a code, how exactly that worked, you will gain many subscribers and view in your video soon. 🔥🔥

[snapshort]

Hi please i need some help from you in
"Stock media platform video"

I have an error in 5:08:15
the error is about filterValue
Please give me the solution ❤

[AvikNayak_]

Your content is very top-notch. The only problem is you need to explain with your voice.

[nipamahmood]

Excellent work ! Your content is very top notch. Best wishes ... :)

[BillalBenzazoua]

Thank you so much, it helps me a lot to see how to write clean structure and code

[asian.drama]

Amazing Project, Keep it Up Bro <3

[androideasycoding]

A very cool project. The only problem I'm having is styling the dark to light theme button before specifying padding-inline: 16px; has an indent on the right and then on the contrary has no indent 23:33 Could you share your styles

[samuelmelomey]

Hello, top notch project but --onsurface-variant is not showing anything on the webpage. Can you help me fix this?

[ridotochikushijimodotate]

Great video! I am having trouble getting some functionality working. The hover functionality for buttons doesn't seem to work for me, and the hitboxes are not where the items are. For example, the projects only let me click on the last project, and the entire top of the website only clicks on the phone number. Any idea why I might be having this issue?

[niteshprajapat]

Indeed top-notch projects everytime.
Incredible consistency Sir
Thank you ❤❤

[golveramtzz]

Which program do you use yo emulate an iPhone directly in your web browser?

[rockbelleh]

awesome content...excellent project tanks alot now i havea classic portfolio to show my projects.tnks alot

[phamvanvietkhl]

Let me ask a little question. At 9p42, I have a problem between switching the white and dark background, although I have checked my code to make sure it is not wrong, please help me.

[uncleslo]

So far, I can find every single css/js stuff on the web.

Besides the obv. code, what does state layer mean?

Thanks in advance if anyone takes their precious time to explain.

[Bilal-tnlf]

i have learned the full html course only and wanted this first website for my portfolio

[JoseSoli]

Te sigo desde Republica Dominicana y me encantan tus proyectos, pero me gustaría que lo explicara hay muchas cosas que hace maravillosas, pero a la vez no la entiendo y se vuelven confusa, sé que es tu decisión hacerlo, pero a todos tus seguidores nos gustaría que nos explique, pero si no quieres está bien aún así he aprendido muchísimo de todos tus proyectos, lo único que a veces me quedo con muchas confusiones felicidades gracias por ayudarnos tanto.

[ursmile_makesmy_day]

Can you please provide the live link of the website?

[.squash.]

Its high time you start with React on the Channel
It will attract more audience

[EdricProg]

Hey man, i hope you can turn on subtitles for vide 🤔

[utkarshverma]

Can you suggest any projects in JavaScript frameworks that can people can build for their resume