Build Your Portfolio Website - HTML CSS JS - Dark Mode - Lazy Loading

Published: 27 March 2023
on channel: Slaying The Dragon
167,064
4.5k

🚨🚨🚨 COURSES - https://slayingthedragon.io 🚨🚨🚨
Join the discord -   / discord  
Portfolio demo - https://building-a-portfolio-website....
GitHub repo - https://github.com/RamziBach/Building...

0:00 - Discord Server
0:09 - Vite & Utility Classes
31:51 - Header Section
41:32 - Hero Section
50:49 - About Section
1:12:27 - Featured Section
1:37:55 - Projects Section
2:06:15 - Contact Section
2:12:03 - Footer Section
2:13:28 - Mobile Menu
2:42:02 - Dark & Light Mode
3:00:56 - Lazy Loading
3:20:45 - Custom Scrollbar
3:22:03 - Deploy Website

We’re building a portfolio website. This portfolio has 7 sections.
A header
A hero
An about
A featured project
More projects
A contact section
And a footer.

The website is entirely responsive, mobile first and only has 6 breakpoints. Clicking on this sun icon - let’s us toggle between light mode and dark mode.

Towards the end of the video, we push our code into a GitHub repository and then we deploy the website to the world wide web using Vercel.


Watch video Build Your Portfolio Website - HTML CSS JS - Dark Mode - Lazy Loading online without registration, duration hours minute second in high quality. This video was added by user Slaying The Dragon 27 March 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 167,064 once and liked it 4.5 thousand people.