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
Top comments (3)
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.
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! β€
This is an ad
Some comments have been hidden by the post's author - find out more