Responsive Personal Portfolio Website with HTML CSS JS – Part 1

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 m…


This content originally appeared on DEV Community and was authored by Sadee

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


This content originally appeared on DEV Community and was authored by Sadee


Print Share Comment Cite Upload Translate Updates
APA

Sadee | Sciencx (2021-10-29T13:16:43+00:00) Responsive Personal Portfolio Website with HTML CSS JS – Part 1. Retrieved from https://www.scien.cx/2021/10/29/responsive-personal-portfolio-website-with-html-css-js-part-1/

MLA
" » Responsive Personal Portfolio Website with HTML CSS JS – Part 1." Sadee | Sciencx - Friday October 29, 2021, https://www.scien.cx/2021/10/29/responsive-personal-portfolio-website-with-html-css-js-part-1/
HARVARD
Sadee | Sciencx Friday October 29, 2021 » Responsive Personal Portfolio Website with HTML CSS JS – Part 1., viewed ,<https://www.scien.cx/2021/10/29/responsive-personal-portfolio-website-with-html-css-js-part-1/>
VANCOUVER
Sadee | Sciencx - » Responsive Personal Portfolio Website with HTML CSS JS – Part 1. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/10/29/responsive-personal-portfolio-website-with-html-css-js-part-1/
CHICAGO
" » Responsive Personal Portfolio Website with HTML CSS JS – Part 1." Sadee | Sciencx - Accessed . https://www.scien.cx/2021/10/29/responsive-personal-portfolio-website-with-html-css-js-part-1/
IEEE
" » Responsive Personal Portfolio Website with HTML CSS JS – Part 1." Sadee | Sciencx [Online]. Available: https://www.scien.cx/2021/10/29/responsive-personal-portfolio-website-with-html-css-js-part-1/. [Accessed: ]
rf:citation
» Responsive Personal Portfolio Website with HTML CSS JS – Part 1 | Sadee | Sciencx | https://www.scien.cx/2021/10/29/responsive-personal-portfolio-website-with-html-css-js-part-1/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.