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

Channel:

Tech2 etc

Subscribers:

163,000

Published on October 12, 2021 10:15:01 AM ● Video Link: https://www.youtube.com/watch?v=g6HqL18plx4

Duration: 1:04:04

119,338 views

1,798

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 ): https://courses.tech2etc.com/all-courses

#AdminPanel #AdminDashboard #AdminPage #HTML #CSS

Resources:
Source Code: https://www.buymeacoffee.com/tech2etc/e/45661
Downlead Images: https://www.patreon.com/posts/57299135
All Source Codes: https://www.buymeacoffee.com/tech2etc
GitHub: https://github.com/tech2etc
⛔❌Do Not CLICK This Link: https://bit.ly/3lJLyLY
Need any help? Join my Discord: https://discord.gg/C58ZQAk2DE

SUPPORT ME:
👕 Merchandise: https://tech2etc.com/merchandise
🎁 Buy Me A Coffee https://www.buymeacoffee.com/tech2etc
🎀 Donate Me By Paypal: https://www.paypal.com/paypalme/tech2etc

How To Make MONEY Online - My 4 Favorite Tricks:
👨‍💻 Start Freelancing: https://tech2etc.com/fiverrcpa
🛒 Learn Digital Marketing: https://tech2etc.com/digital-marketing
📹 Make Video Editing As Profession: https://tech2etc.com/video-editing
🕔 Next trick will be revealed at the right time.

Free Course to Improve SKILLS & EARN:
1️⃣ WordPress Insider: https://tech2etc.com/wordpress-course
2️⃣ Bootstrap With Projects: https://tech2etc.com/bootstrap
3️⃣ Web Development For Beginners: https://tech2etc.com/webdev
4️⃣ JavaScript With Projects: https://tech2etc.com/javascript
5️⃣ Python With Projects: https://tech2etc.com/python
🎁 Get Certificate: https://courses.tech2etc.com/

Important Links:
📂 Best Hosting: https://tech2etc.com/best-hosting
📂 Best CV Resume: https://tech2etc.com/my-resume
📂 Freelancing Guide: https://tech2etc.com/learn-freelancing
📂 Interview Questions: https://tech2etc.com/?s=interview

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: https://discord.gg/C58ZQAk2DE
Instagram: https://www.instagram.com/fahimulkabir.tech2etc/
LinkedIn: https://www.linkedin.com/in/fahimulkabirchowdhury/
FB (Personal): https://www.facebook.com/md.fahimkabirhamim
FB Page: https://www.facebook.com/Tech2etc
FB Group: https://www.facebook.com/groups/2424642430907565

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