Create Responsive Admin Dashboard Panel in HTML CSS & JavaScript | Dark/Light Mode | Codinglab
In this video, you will learn to create a Responsive Admin Dashboard Panel with Sidebar Menu using HTML CSS, and JavaScript. I also have added dark and light modes. If you choose a dark mode or close the sidebar, it will not change even webpage is refreshed or reopened, to make this I have used local storage.
---
Hire us on Fiverr
➤ https://www.fiverr.com/prakashahi
📁 Download Source Code Form Here
➤ https://www.codinglabweb.com
Follow me on Instagram
➤ https://www.instagram.com/coding.np
---
Timestamps:
00:00 Admin Dashboard | Demo
02:50 Creating CSS color variable
02:52 Importing Font Icons
03:05 Creating Sidebar for Admin Panel in HTML
06:25 Importing Google Fonts
13:56 Creating Navlink hover Indicator
18:29 JavaScript code dark & light mode | toggle button
22:05 Creating Admin Dashboard Panel
26:47 JavaScript code to toggle sidebar
49:53 Making Admin dashboard panel responsive
56:05 Localstorage code to keep user selected mode & sidebar
#Admin_Panel #Sidebar_Menu #HTML_CSS_JavaScript
---
Music Credit:
Song: Ikson - Anywhere (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.
➤ Video Link: https://youtu.be/UY08PUqArZI
Something 'bout July (Instrumental) by RYYZN
Free Download / Stream: http://bit.ly/-_something-bout-july
Music promoted by Audio Library https://youtu.be/OFga9pkl6RU
Deep Sea by Vendredi
Free Download / Stream: http://bit.ly/-deep-sea
Track: Lost Sky - Vision [NCS Release]
Music provided by NoCopyrightSounds.
➤ Watch: https://youtu.be/7RU1l8GtGO
Levianth & Axol - Remember (feat. The Tech Thieves) [NCS Release]
➤ Watch: https://youtu.be/2DGxm1csQQM
Lost Sky - Dreams pt. II (feat. Sara Skinner) [NCS Release]
➤ Watch: https://youtu.be/L7kF4MXXCoA
Song: Ehrling - You And Me (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.
➤ Video Link: https://youtu.be/8HJSl7AiJNg
