DEV Community 👩‍💻👨‍💻

Sadee
Sadee

Posted on • Updated on

Responsive Personal Portfolio Website with HTML CSS JS - Part 1

How to create Responsive personal portfolio website with html css js

In this video series,
I will show you how to build a Complete Responsive Personal Portfolio Website using HTML CSS JavaScript.

🌟 Website features

  • 5 pages
  • Fully Responsive and mobile friendly
  • Awesome Page Navigation
  • Filterable item showcase

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 Friday & Tuesday


🔗 Essential links

Images : image.zip
Font : Poppins
Ionicon : https://ionic.io/ionicons
How to use ionicon : https://youtu.be/TTrYjLOJeKs
Source Code : https://www.patreon.com/codewithsadee


⏱️ Timestamp

0:00 - Demo
1:12 - File Structure
1:28 - Initial html setup
2:09 - CSS variables
2:47 - Custom scrollbar
3:15 - Reset and default style
5:15 - Mobile navbar
8:15 - Sidebar
14:15 - Hero
18:15 - Service
21:25 - Testimonials
25:50 - Client
27:52 - 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 (3)

Collapse
dazeb profile image
Info Comment hidden by post author - thread only accessible via permalink
Darren Bennett • Edited on

This is not a tutorial but a demonstration mixed in with ads and source code hidden behind patreon links. If you make something good and it is helpful, people will find your links to send you money if they want to. you don't need to plaster ads everywhere.

Collapse
codewithsadee profile image
Sadee Author

Hey Darren Bennett!
I appreciate your words 😊
I made the video for Helping other peoples,
I have four more videos left with this project, Which I'm still working on, and the video has full source code. Anyone can watch the video and copy the source code if they want.
I have given the source code in patreon, so that if someone supports me, I can also give them something 😇
I believe you realize what I mean. Thank you! ❤

Collapse
gnio profile image
Info Comment hidden by post author - thread only accessible via permalink
Gnio

This is an ad

Some comments have been hidden by the post's author - find out more

🌱 DEV runs on 100% open source code known as Forem.

 
Contribute to the codebase or learn how to host your own.