Build A Responsive Dashboard Website With HTML, CSS, and JavaScript | Full Tutorial
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.
🔗 https://www.buymeacoffee.com/juliocodes
🌐 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
🔗 https://bit.ly/2Q3pCiB
📁 Assets & Resources
Icons 🔗 https://remixicon.com
Fonts 🔗 https://fonts.google.com/
GitHub 🔗 https://github.com/jlop007/CPanel
📱 Social Media
🔗 https://www.instagram.com/juliocodes
⏱️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!
Видео Build A Responsive Dashboard Website With HTML, CSS, and JavaScript | Full Tutorial канала Julio Codes
☕ Buy me a coffee
Become a member and access the premium SCSS source code for the responsive website templates for free.
🔗 https://www.buymeacoffee.com/juliocodes
🌐 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
🔗 https://bit.ly/2Q3pCiB
📁 Assets & Resources
Icons 🔗 https://remixicon.com
Fonts 🔗 https://fonts.google.com/
GitHub 🔗 https://github.com/jlop007/CPanel
📱 Social Media
🔗 https://www.instagram.com/juliocodes
⏱️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!
Видео Build A Responsive Dashboard Website With HTML, CSS, and JavaScript | Full Tutorial канала Julio Codes
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![The only CSS animations course you'll ever need | Trailer and giveaway](https://i.ytimg.com/vi/UUl0UphAdKc/default.jpg)
![Create elegant borders using this CSS property!](https://i.ytimg.com/vi/Fyf7gCQCzjE/default.jpg)
![HTML tutorial for complete beginners: Metadata](https://i.ytimg.com/vi/6B2AXfskZ8g/default.jpg)
![Write large CSS selectors in a more compact way](https://i.ytimg.com/vi/WXd96fibPk0/default.jpg)
![HTML tutorial for complete beginners: The document structure](https://i.ytimg.com/vi/JufrE735Mqw/default.jpg)
![Build a responsive NFT marketplace website with animations | HTML5 and CSS3 Tutorial](https://i.ytimg.com/vi/3b1pMcb0apM/default.jpg)
![Build And Deploy A Responsive Personal Portfolio Website For Free | HTML & CSS](https://i.ytimg.com/vi/T4P7aS4PuSw/default.jpg)
![Build A Responsive Food Delivery Service Website With HTML & CSS 2022](https://i.ytimg.com/vi/euuZJIEz_Ak/default.jpg)
![Build a Responsive Hotel Website | HTML and CSS Tutorial](https://i.ytimg.com/vi/LexaJ-PLrpY/default.jpg)
![Build A Responsive Travel Website With HTML, CSS, and JavaScript | Full Tutorial](https://i.ytimg.com/vi/3-t3Zmtsvb8/default.jpg)
![Build a responsive personal portfolio website using HTML, CSS & JavaScript](https://i.ytimg.com/vi/E1ZjV2oVTY0/default.jpg)
![Build A Responsive Travel Website With HTML, CSS, and JavaScript | Full Tutorial](https://i.ytimg.com/vi/1GukDOICJg4/default.jpg)
![Responsive Personal Portfolio Website [PART 2] | HTML and CSS Tutorial](https://i.ytimg.com/vi/inCl01EJkts/default.jpg)
![Refactoring your CSS: Beginner vs Advanced](https://i.ytimg.com/vi/zYX2QByvaMg/default.jpg)
![Build a Responsive Website with Animations | HTML 5 and CSS 3 Tutorial](https://i.ytimg.com/vi/FZQxPTV3cFk/default.jpg)
![Let's Build A Clone Of The Discord Nitro Website With HTML, SCSS & JavaScript!](https://i.ytimg.com/vi/oBKs1ef0LzI/default.jpg)
![Responsive Personal Portfolio Website [PART 1] | HTML and CSS Tutorial](https://i.ytimg.com/vi/T7PnWnTgusc/default.jpg)
![How To Make a Website Landing Page With GSAP Animations | HTML and CSS Tutorial](https://i.ytimg.com/vi/rxKAxINuJhI/default.jpg)
![This JavaScript API makes currency formatting easy #shorts](https://i.ytimg.com/vi/9cyMrh1-rTk/default.jpg)
![Build A Responsive Website With Animations | HTML & CSS Tutorial](https://i.ytimg.com/vi/qUlk8q-lvgA/default.jpg)