Improve your HTML and CSS skills by building a responsive dashboard website. After completing this lesson, you will be able to create responsive layouts using Flexbox and Grid. You will also learn to add dropdown menu as well as implement a dark & light mode theme using local storage and JavaScript.
☕ Buy me a coffee
Become a member and access the premium SCSS source code for the responsive website templates for free.
🔗
🌐 Hostinger
Get affordable domain and web hosting service with Hostinger. Save up to 91%* off your entire order by using the link below and my coupon code.
🔗 hostinger.com/juliocodes
Discount code: JULIOCODES
🔔 Subscribe
🔗
📁 Assets & Resources
Icons 🔗
Fonts 🔗
GitHub 🔗
📱 Social Media
🔗
⏱️Timestamps
0:00 Intro & Demo
1:25 Setup
2:10 Floating background image & Header – HTML
10:32 Base CSS
16:55 Floating background image & Header – CSS
31:55 JavaScript interactions
45:50 Welcome message – HTML
49:45 Welcome message – CSS
56:25 Management area – HTML
01:04:05 Management area – CSS
01:15:55 Footer – HTML
01:18:20 Footer – CSS
01:23:30 Media queries
⚠️ Disclaimer
This video description contains affiliate links, which means that if you purchase one of the products or click on certain links, I’ll receive a small commission. This helps support the channel and allows me to continue to make videos like this. Thank you for understanding!
