Create Responsive Admin Dashboard Using HTML CSS & JavaScript | Dashboard Template Design

Опубликовано: 13 Сентябрь 2024
на канале: Tech2 etc

167k

Create Responsive Admin Dashboard Using HTML CSS & JavaScript | Dashboard Template Design.
Lets Build a Responsive Admin Dashboard Page with HTML CSS and JavaScript Completely From Scratch Step By Step. In this tutorial you will learn how to design a creative and professional looking Admin Panel Step By Step Using HTML CSS and JavaScript.

Free Web Design Courses ( 12 Hrs ):

Resources:
Source Code:
Downlead Images:
All Source Codes:
GitHub:
Do Not CLICK This Link:
Need any help? Join my Discord:

SUPPORT ME:
Merchandise:
Buy Me A Coffee
Donate Me By Paypal:

How To Make MONEY Online - My 4 Favorite Tricks:
‍ Start Freelancing:
Learn Digital Marketing:
Make Video Editing As Profession:
Next trick will be revealed at the right time.

Free Course to Improve SKILLS & EARN:
1️⃣ WordPress Insider:
2️⃣ Bootstrap With Projects:
3️⃣ Web Development For Beginners:
4️⃣ JavaScript With Projects:
5️⃣ Python With Projects:
Get Certificate:

Important Links:
Best Hosting:
Best CV Resume:
Freelancing Guide:
Interview Questions:

DISCLAIMER: This description contains affiliate links. Which means I may receive a small commission on affiliate links used. This helps support the channel and allows us to continue to make videos like this. All content used within the parameters of fair use.

===============================
Connect with me & get daily updates
===============================
Discord:
Instagram:
LinkedIn:
FB (Personal):
FB Page:
FB Group:

Timestamps:
0:00 Introduction
0:10 Responsive Admin Dashboard Page HTML CSS
1:26 Responsive Admin Dashboard Page Preview
3:42 File Directory For This Project
4:00 Index.html file overview
4:36 Planning to Make Responsive Dashboard
4:54 Create Sidebar Menu HTML CSS
5:58 Adding Font awesome CDN
7:47 Styling HTML Sidebar Menu
12:00 Adding Hover Effect For Sidebar Menu
14:00 Start Creating Admin Dashboard
14:19 Create Admin Dashboard Nav Bar
16:34 Styling Dashboard Nav Bar
21:47 Creating Admin Dashboard Heading
21:15 Creating Small Cards HTML CSS
23:32 Styling Card Components
27:35 Creating More Cards
28:49 Changing Colors of Cards
30:04 Creating Admin Dashboard Table
30:38 Creating Table Header For Dashboard
31:24 Creating First Table Row For Dashboard
33:57 Styling Table Row Components Dashboard
40:55 Adding More Rows For Admin Panel
42:01 Fixing Sidebar Menu, Dashboard Nav Bar
44:53 Adding Hamburger menu For Mobile Menu
47:41 Make Responsive Admin Dashboard
58:11 Tablet Responsive Dashboard
1:02:28 Mobile Responsive Admin Dashboard
1:03:06 Please Subscribe For More Content