Responsive Personal Portfolio Website with HTML CSS JS - Part 1

Sadee - Oct 29 '21 - - Dev Community

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

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Terabox Video Player