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

Published: 27 March 2023
on channel: Slaying The Dragon
214,773
5.6k

🚨🚨🚨 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.


On this page of the site you can watch the video online Build Your Portfolio Website - HTML CSS JS - Dark Mode - Lazy Loading with a duration of hours minute second in good quality, which was uploaded by the user Slaying The Dragon 27 March 2023, share the link with friends and acquaintances, this video has already been watched 214,773 times on youtube and it was liked by 5.6 thousand viewers. Enjoy your viewing!