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

Discussion (30)

Collapse
sabihasamha profile image
Sabiha Samha

Excellent sadee,,
This is really awesome

Collapse
codewithsadee profile image
Sadee Author

Thank you very much

Collapse
dhara6101 profile image
Dhara Singh

Great work sir

Collapse
anfossistudio profile image
AnfossiStudio

awesome ❀

Collapse
codewithsadee profile image
Sadee Author

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 Author

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 Author

It's my pleasure.

Collapse
anuvindhs profile image
Anuvindh Sankaravilasam

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 Author

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 Author

Thank you

Collapse
mhadi2003 profile image
Mahdi

It is awesome πŸ‘Œ

Collapse
marcomoscatelli profile image
Marco Moscatelli

Great article mate!

Collapse
codewithsadee profile image
Sadee Author

Thank you Marco

Collapse
aahadrahi profile image
aahadrahi

nice

Collapse
codewithsadee profile image
Sadee Author

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 Author

Thank you so much Sahil

Collapse
misterjay profile image
MisterJay

It's Awesome Bro

Collapse
codewithsadee profile image
Sadee Author

thank you

Collapse
edwardyao profile image
Edward Yao

It's great! πŸ˜„

Collapse
codewithsadee profile image
Sadee Author

Thanks

Collapse
rohitmore07 profile image
Rohit More

Thanks For Sharing 😊

Collapse
codewithsadee profile image
Sadee Author

You're most welcome.