TH
Thiện Hoàng

Dashboard Header Component - Copy this Html, Tailwind Component to your project

Add css to this code of html: <header class="main header"> <div class="hold transition skin blue sidebar mini"> <! Logo > <a href="/" class="logo"> <! mini logo for sidebar mini 50x50 pixels > <span class="logo mini"><b>QL</b>SV</span> <! logo for regular state and mobile devices > <span class="logo lg"><b>Quản Lý </b>SV</span> </a> <! Header Navbar: style can be found in header.less > <nav class="navbar navbar static top"> <! Sidebar toggle button > <a href="#" class="sidebar toggle" data toggle="push menu" role="button"> <span class="sr only">Toggle navigation</span> <span class="icon bar"></span> <span class="icon bar"></span> <span class="icon bar"></span> </a> <div class="navbar custom menu"> <ul class="nav navbar nav"> <li class="dropdown user user menu"> <a href="#" class="dropdown toggle" data toggle="dropdown"> <span class="hidden xs">Admin Admin</span> </a> <ul class="dropdown menu"> <! User image > <li class="user header"> <p> Tên tài khoản : admin <small>Email : admin.edu.vn</small> <small>Số điện thoại : 928817228</small> </p> </li> <! Menu Footer > <li class="user footer"> <div class="pull right"> <a href="public/logout" class="btn btn default btn flat">Đăng xuất</a> </div> </li> </ul> </li> <! Control Sidebar Toggle Button > </ul> </div> </nav> </div> </header>

Prompt
Component Preview

About

Dashboard Header Component - Features a responsive logo, sidebar toggle, user dropdown with account info, and logout button, built wit. Get component free!

Share

Last updated 1 month ago