Hello guys, Welcome to Africa's Largest Video Search Engine, and you are watching Responsive Admin Dashboard using HTML CSS and JavaScript with Light & Dark Mode. and this video is uploaded by EGATOR at 2021-11-06T21:11:13-07:00. We are just promoting this video only for entertainment and educational purpose only. I hop you like our Video Search Engine. [FaBY9yAUtdg]
| Name | Responsive Admin Dashboard using HTML CSS and JavaScript with Light & Dark Mode |
| Video Uploader | Video From EGATOR |
| Upload Date | This Video Uploaded At 07-11-2021 04:11:13 |
| Video Discription | Responsive Admin Dashboard using HTML CSS and JavaScript with Light & Dark Mode Hostinger Discount: https://www.hostg.xyz/SH8cs Responsive React Portfolio Website with Theme Customization (FULL COURSE): https://www.udemy.com/course/react-js-portfolio-website-with-theme-customization/?referralCode=91FE72E9328ADD7A3214 In this beginner-friendly Web development tutorial, I'm going to teach you how to create a responsive crypto/banking dashboard using HTML, CSS, and JavaScript. We'll be using modern CSS modules like CSS Grid, CSS Flexbox, CSS Variables, and CSS Media Queries to make our dashboard responsive on tablets and mobile phones. With CSS Variables, we will also be able to change our theme (light and dark) via JavaScript. Source code & Live Demo: https://www.patreon.com/egator I've made the source code for all projects available for the past few months, but now I need your support to keep bringing you even better content. Please join my Patreon and have access to all my project source code, images, and live demo! You'll also have access to all future projects, Figma files, my upcoming Udemy course, and more! Assets: https://drive.google.com/file/d/1KsUBFN-7nMjW__wmPSQTSsZ8MCwzfI0v/view?usp=sharing Timestamps: 00:00:00 Intro (Project Overview) 00:05:20 Material Icons & Google Fonts link 00:06:52 Navigation Bar Markup 00:10:15 CSS Root Variables and General Elements Styles 00:17:42 Navigation Bar Styles 00:25:00 Sidebar Markup 00:31:00 Sidebar Styling 00:40:00 Middle Section Cards Markup 00:44:40 Middle Section Cards Styles 00:54:45 Monthly Reports Markup 00:57:34 Monthly Reports Styles 00:59:45 Fast Payment Markup 01:01:45 Fast Payment Styles 01:06:16 Chart JS 01:12:38 Investments Markup 01:16:52 Investments Styles 01:20:50 Recent Transactions Markup 01:26:38 Recent Transactions Styles 01:31:25 Media Queries For Tablets and Mobile Phones (Responsive Design) 01:40:40 Show/Hide Sidebar on small screens using JavaScript 01:44:30 Theme Change Functionality [FaBY9yAUtdg] |
| Category | Education |
| Tags | responsive admin dashboard | responsive admin panel | admin dashboard html css | responsive admin dashboard page html css | responsive admin dashboard html css | responsive website using html and css | responsive admin dashboard menu layout | beginner web development projects | dashboard html css | css admin layout | admin template html css | how to create a responsive admin template | sidebar menu html css | website design | html css javascript project | how to make admin dashboard html css |
