Create Admin Template with Darkmode and Responsive by HTML + CSS + JS

Learn how to create a admin layout with animated sidebar menu by HTML, CSS and JS. Step by step.

Github: https://github.com/trananhtuat/at-pro-admin-template
Fontawesome free: http://bit.ly/2MC8kbm
Chartjs: https://www.chartjs.org/docs/latest/

🔔 Subscribe: https://www.youtube.com/c/TuatTranAnh/featured

1: Create admin template with darkmode and responsive by HTML + CSS + JS - Part 01

1:10 - Create header navbar
3:50 - Add logo to header
4:15 - Add user profile image to header
5:12 - Create dropdown menu
8:35 - Custom scrollbar
9:35 - Handle show/hide multiple dropdown by JS
11:19 - Create sidebar
13:16 - Add animation to sidebar
14:30 - Handle collapse sidebar by JS

2: Create admin template with darkmode and responsive by HTML + CSS + JS - Part 02

0:30 - Create dark mode
1:11 - Save and load theme mode from cookie
3:09 - Switch logo and change mode button
4:00 - Build grid system
5:25 - Make responsive with CSS media query
6:55 - Style counter component
8:12 - Style card component
9:13 - Style table component
10:31 - Style progress bar component
11:42 - Draw chart with Chartjs

#html #css #javascript