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
 
jacksonkasi profile image
Jackson Kasi •

I love your work

Collapse
 
codewithsadee profile image
Sadee •

It's my pleasure.

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
 
aahadrahi profile image
aahadrahi •

nice

Collapse
 
codewithsadee profile image
Sadee •

Thanks

Collapse
 
zachfotis profile image
Fotios Zachopoulos •

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

Collapse
 
mhadi2003 profile image
Mahdi •

It is awesome ๐Ÿ‘Œ

Collapse
 
anuvindhs profile image
Anuvindh •

Good work , keep it up

Collapse
 
marcomoscatelli profile image
Marco Moscatelli •

Great article mate!

Collapse
 
codewithsadee profile image
Sadee •

Thank you Marco

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