55ok
Mini
<div class="page-header">
<div class="header-wrapper row m-0">
<form class="form-inline search-full col" action="#" method="get">
<div class="form-group w-100">
<div class="Typeahead Typeahead--twitterUsers">
<div class="u-posRelative">
<input class="demo-input Typeahead-input form-control-plaintext w-100" type="text" placeholder="Search Tivo .." name="q" title="" autofocus>
<div class="spinner-border Typeahead-spinner" role="status"><span class="sr-only">Loading...</span></div><i class="close-search" data-feather="x"></i>
</div>
<div class="Typeahead-menu"></div>
</div>
</div>
</form>
<div class="header-logo-wrapper col-auto p-0">
<div class="toggle-sidebar"><i class="status_toggle middle sidebar-toggle" data-feather="grid"> </i></div>
<div class="logo-header-main"><a href="dashboard.php"><img class="img-fluid for-light" src="assets/images/logo/logo2.png" alt="" style="width:135px !important;"><img class="img-fluid for-dark" src="assets/images/logo/logo.png" alt="" style="width:135px !important;"></a></div>
</div>
<div class="left-header col horizontal-wrapper ps-0">
<div class="left-menu-header">
<ul class="app-list">
</ul>
<ul class="header-left">
</ul>
</div>
</div>
<div class="nav-right col-2 pull-right right-header p-0">
<ul class="nav-menus">
<!--
<li class="onhover-dropdown">
<div class="notification-box"><i data-feather="bell"></i></div>
<ul class="notification-dropdown onhover-show-div">
<li><i data-feather="bell"> </i>
<h6 class="f-18 mb-0">Notitications</h6>
</li>
<li>
<div class="d-flex align-items-center">
<div class="flex-shrink-0"><i data-feather="truck"></i></div>
<div class="flex-grow-1">
<p><a href="javascript:;">Delivery processing </a><span class="pull-right">6 hr</span></p>
</div>
</div>
</li>
<li>
<div class="d-flex align-items-center">
<div class="flex-shrink-0"><i data-feather="shopping-cart"></i></div>
<div class="flex-grow-1">
<p><a href="javascript:;">Order Complete</a><span class="pull-right">3 hr</span></p>
</div>
</div>
</li>
<li>
<div class="d-flex align-items-center">
<div class="flex-shrink-0"><i data-feather="file-text"></i></div>
<div class="flex-grow-1">
<p><a href="javascript:;">Tickets Generated</a><span class="pull-right">1 hr</span></p>
</div>
</div>
</li>
<li>
<div class="d-flex align-items-center">
<div class="flex-shrink-0"><i data-feather="send"></i></div>
<div class="flex-grow-1">
<p><a href="javascript:;">Delivery Complete</a><span class="pull-right">45 min</span></p>
</div>
</div>
</li>
<li><a class="btn btn-primary" href="javascript:void(0)">Check all notification</a></li>
</ul>
</li>
<li class="onhover-dropdown">
<div class="message"><i data-feather="message-square"></i></div>
<ul class="message-dropdown onhover-show-div">
<li><i data-feather="message-square"> </i>
<h6 class="f-18 mb-0">Messages</h6>
</li>
<li>
<div class="d-flex align-items-start">
<div class="message-img bg-light-primary"><img src="assets/images/user/3.jpg" alt=""></div>
<div class="flex-grow-1">
<h5 class="mb-1"><a href="javascript:;">Emay Walter</a></h5>
<p>Do you want to go see movie?</p>
</div>
<div class="notification-right"><i data-feather="x"></i></div>
</div>
</li>
<li>
<div class="d-flex align-items-start">
<div class="message-img bg-light-primary"><img src="assets/images/user/6.jpg" alt=""></div>
<div class="flex-grow-1">
<h5 class="mb-1"><a href="javascript:;">Jason Borne</a></h5>
<p>Thank you for rating us.</p>
</div>
<div class="notification-right"><i data-feather="x"></i></div>
</div>
</li>
<li>
<div class="d-flex align-items-start">
<div class="message-img bg-light-primary"><img src="assets/images/user/10.jpg" alt=""></div>
<div class="flex-grow-1">
<h5 class="mb-1"><a href="javascript:;">Sarah Loren</a></h5>
<p>What`s the project report update?</p>
</div>
<div class="notification-right"><i data-feather="x"></i></div>
</div>
</li>
<li><a class="btn btn-primary" href="javascript:;">Check Messages</a></li>
</ul>
</li>
-->
<li class="maximize"><a href="#!" onclick="javascript:toggleFullScreen()"><i data-feather="maximize-2"></i></a></li>
<li class="profile-nav onhover-dropdown">
<div class="account-user"><i data-feather="user"></i></div>
<ul class="profile-dropdown onhover-show-div">
<!--
<li><a href="user-profile.php"><i data-feather="user"></i><span>Account</span></a></li>
<li><a href="edit-profile.php"><i data-feather="settings"></i><span>Settings</span></a></li>
-->
<li><a href="logout.php"><i data-feather="log-in"> </i><span>Log Out</span></a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
Zerion Mini 1.0