DEV Community

Cover image for How to build personal portfolio using HTML CSS JavaScript
Sadee
Sadee

Posted on

How to build personal portfolio using HTML CSS JavaScript

How to build personal portfolio using HTML CSS JavaScript

In this video, I will show you how to create (mobile-first responsive) personal portfolio.

Live Website
Github Repo


HI 👋
I'm Sadee (webdev)
In this channel I make videos about Complete Responsive website.
You can checkout my channel 👇

📺 My Channel : codewithsadee
🔔 Subscribe : subscribe now
🕐 New Videos Every Week


🔗 Essential links

Starter file
index.txt
Font - Poppins
Icon


⏱️ Timestamps

0:00 - Demo
6:43 - File sturcture
7:14 - Initial html
8:07 - Css custom property
9:29 - Reset
11:40 - Sidebar
31:47 - Navbar
35:36 - About and service
46:40 - Testimonials
57:03 - Testimonials modal
1:15:09 - Client
1:19:05 - Timelines
1:28:02 - Skills
1:32:49 - Portfolio
1:59:36 - Blog
2:10:41 - Contact
2:24:17 - Page navigation
2:27:42 - Media queries


💜 Like - Follow & Subscribe Me

Twitter : https://twitter.com/codewithsadee
Github : https://github.com/codewithsadee
YouTube : codewithsadee
Buy Me A Coffee : https://www.buymeacoffee.com/codewithsadee
Patreon : https://www.patreon.com/codewithsadee


Buy Me A Coffee

Top comments (30)

Collapse
 
sabihasamha22 profile image
Sabiha Samha

Excellent sadee,,
This is really awesome

Collapse
 
codewithsadee profile image
Sadee

Thank you very much

Collapse
 
dhara6101 profile image
Dhara Singh

Great work sir

Collapse
 
anfossistudio profile image
AnfossiStudio

awesome ❤

Collapse
 
codewithsadee profile image
Sadee

Thanks

Collapse
 
b1tw0rker profile image
BitWorker

Hi Sadee,
Let me first say, you did an amazing job. Congrats!

I just ported your amazing project to Angular 13. Maybe someone will find it useful.
You can download the ported version from Github here:

github.com/b1tw0rker/vcard-codewit...

Collapse
 
codewithsadee profile image
Sadee

That was amazing, I appreciate your work 👏

Collapse
 
b1tw0rker profile image
BitWorker

Your welcome, THX.

Collapse
 
jacksonkasi profile image
Jackson Kasi

I love your work

Collapse
 
codewithsadee profile image
Sadee

It's my pleasure.

Collapse
 
anuvindhs profile image
Anuvindh

Good work , keep it up

Collapse
 
zachfotis profile image
Fotios Zachopoulos

That's amazing. Minimal and comprehensive at the same moment! Well done!

Collapse
 
tokee profile image
Tokee

wow 🔥

Collapse
 
codewithsadee profile image
Sadee

Glad to hear this 😊

Collapse
 
just_moh_it profile image
Mohit Yadav

Awesome! I'm surprised you could get so much done within a few hours! 😍

Collapse
 
codewithsadee profile image
Sadee

Thank you

Collapse
 
mhadi2003 profile image
Mahdi

It is awesome 👌

Collapse
 
marcomoscatelli profile image
Marco Moscatelli

Great article mate!

Collapse
 
codewithsadee profile image
Sadee

Thank you Marco

Collapse
 
aahadrahi profile image
aahadrahi

nice

Collapse
 
codewithsadee profile image
Sadee

Thanks

Collapse
 
ksixen profile image
Altaev Nurzhan

Awesome work

Collapse
 
smppatel99999 profile image
Sahil Patel

Hey, Sadee, This is real nice my man. Looks pretty good.

Collapse
 
codewithsadee profile image
Sadee

Thank you so much Sahil

Collapse
 
creditcardgenerator profile image
Credit Card Generator

It's Awesome Bro

Collapse
 
codewithsadee profile image
Sadee

thank you

Collapse
 
edwardyao profile image
Edward Yao

It's great! 😄

Collapse
 
codewithsadee profile image
Sadee

Thanks