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

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

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

- Music:

Song: Ehrling - You And Me (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.

Song: SKANDR - Blue Lemonade (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.

Song: AGST - Relax (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.

#AdminTemplate #html #css #js

[SiphepheloMlungwana]

The background music 🎶 is nice, 😅🔥... I'm enjoying everything here.

[jbkim]

Từ fb vào đây. Video của a hay quá. Subscribed 👍

[TuanNguyen-inns]

Clip hay quá, thích style của clip này, rất chuyên nghiệp và cụ thể luôn. (y)

[SumitKumar-uopl]

Brilliant... this is what, I was looking for.... love from backend developer

[mirzatalha]

Thanksss a lot bhai jann May you live long

[sunslong]

hay quá anh ei, nhiều bạn nước ngoài vào xem quá :v

[rickhunter]

muchas gracias Bro. Saludos desde Argentina

[mohamadaidilndt]

wow..nice tutorial.so cool..thanks..i follow..please make more easy and cool style with html.hehehe

[hiut]

hello idol. E học UIT và hình như idol thớt cũng veejy hehe

[master_kim]

let me follow your channel... you did great!

[anelembanga]

Your videos are awesome, what do you use to create them. Well besides the content im learning, this is cool. Thanks for sharing

[ademolaaina]

Thanks so much for this video. Please how can i link this to the website for vendors to login and control their menu and also for admin to control all interface for other activities? Can I download the Github version? Great work!

[douglasregis]

I just find something in the min 8:36 the custom scrowbar.
It's working only on Microsoft edge. I use Firefox and don't work.

[ROB-tyor]

Wow that is awsome. Can download the SC, change some things and use it for one of my own projects?

[levanluan]

Ủa sao em thấy cái :root anh để màu cứ sai sai nhể

[rugvedpatel]

Can I take this design as a reference?

[mimrankhan]

please add more admin template video specially sidenav bar with dropdown menu

[halimamounkaila]

great work, please can we get the source code

[ngochieutran]

đã Flex mà còn dùng float : left
trong khi cả thế giới họ dùng Align-Item, Ilign content, Justyfy Content để canh chỉnh kích thước

[huyhoanguyen]

Được ông ơi, ib tôi chỉ tôi thêm vài cái với :v