512 lines
25 KiB
HTML
512 lines
25 KiB
HTML
<!-- Topbar Start -->
|
|
<div class="navbar-custom">
|
|
<div class="container-fluid">
|
|
|
|
<ul class="list-unstyled topnav-menu float-right mb-0">
|
|
|
|
<li class="d-none d-lg-block">
|
|
<form class="app-search">
|
|
<div class="app-search-box dropdown">
|
|
<div class="input-group">
|
|
<input type="search" class="form-control" placeholder="Search..." id="top-search">
|
|
<div class="input-group-append">
|
|
<button class="btn" type="submit">
|
|
<i class="fe-search"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="dropdown-menu dropdown-lg" id="search-dropdown">
|
|
<!-- item-->
|
|
<div class="dropdown-header noti-title">
|
|
<h5 class="text-overflow mb-2">Found <span class="text-danger">09</span> results</h5>
|
|
</div>
|
|
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item notify-item">
|
|
<i class="fe-home mr-1"></i>
|
|
<span>Analytics Report</span>
|
|
</a>
|
|
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item notify-item">
|
|
<i class="fe-aperture mr-1"></i>
|
|
<span>How can I help you?</span>
|
|
</a>
|
|
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item notify-item">
|
|
<i class="fe-settings mr-1"></i>
|
|
<span>User profile settings</span>
|
|
</a>
|
|
|
|
<!-- item-->
|
|
<div class="dropdown-header noti-title">
|
|
<h6 class="text-overflow mb-2 text-uppercase">Users</h6>
|
|
</div>
|
|
|
|
<div class="notification-list">
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item notify-item">
|
|
<div class="media">
|
|
<img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
|
|
<div class="media-body">
|
|
<h5 class="m-0 font-14">Erwin E. Brown</h5>
|
|
<span class="font-12 mb-0">UI Designer</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item notify-item">
|
|
<div class="media">
|
|
<img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
|
|
<div class="media-body">
|
|
<h5 class="m-0 font-14">Jacob Deo</h5>
|
|
<span class="font-12 mb-0">Developer</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</li>
|
|
|
|
<li class="dropdown d-inline-block d-lg-none">
|
|
<a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
|
|
<i class="fe-search noti-icon"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
|
|
<form class="p-3">
|
|
<input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
|
|
</form>
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dropdown d-none d-lg-inline-block">
|
|
<a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
|
|
<i class="fe-maximize noti-icon"></i>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="dropdown d-none d-lg-inline-block topbar-dropdown">
|
|
<a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
|
|
<i class="fe-grid noti-icon"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
|
|
|
|
<div class="p-2">
|
|
<div class="row no-gutters">
|
|
<div class="col">
|
|
<a class="dropdown-icon-item" href="#">
|
|
<img src="../assets/images/brands/github.png" alt="Github">
|
|
<span>GitHub</span>
|
|
</a>
|
|
</div>
|
|
<div class="col">
|
|
<a class="dropdown-icon-item" href="#">
|
|
<img src="../assets/images/brands/dribbble.png" alt="dribbble">
|
|
<span>Dribbble</span>
|
|
</a>
|
|
</div>
|
|
<div class="col">
|
|
<a class="dropdown-icon-item" href="#">
|
|
<img src="../assets/images/brands/slack.png" alt="slack">
|
|
<span>Slack</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row no-gutters">
|
|
<div class="col">
|
|
<a class="dropdown-icon-item" href="#">
|
|
<img src="../assets/images/brands/g-suite.png" alt="G Suite">
|
|
<span>G Suite</span>
|
|
</a>
|
|
</div>
|
|
<div class="col">
|
|
<a class="dropdown-icon-item" href="#">
|
|
<img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
|
|
<span>Bitbucket</span>
|
|
</a>
|
|
</div>
|
|
<div class="col">
|
|
<a class="dropdown-icon-item" href="#">
|
|
<img src="../assets/images/brands/dropbox.png" alt="dropbox">
|
|
<span>Dropbox</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dropdown d-none d-lg-inline-block topbar-dropdown">
|
|
<a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
|
|
<img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">
|
|
<img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
|
|
</a>
|
|
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">
|
|
<img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
|
|
</a>
|
|
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">
|
|
<img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
|
|
</a>
|
|
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">
|
|
<img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
|
|
</a>
|
|
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dropdown notification-list topbar-dropdown">
|
|
<a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
|
|
<i class="fe-bell noti-icon"></i>
|
|
<span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right dropdown-lg">
|
|
|
|
<!-- item-->
|
|
<div class="dropdown-item noti-title">
|
|
<h5 class="m-0">
|
|
<span class="float-right">
|
|
<a href="" class="text-dark">
|
|
<small>Clear All</small>
|
|
</a>
|
|
</span>Notification
|
|
</h5>
|
|
</div>
|
|
|
|
<div class="noti-scroll" data-simplebar>
|
|
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item notify-item active">
|
|
<div class="notify-icon bg-soft-primary text-primary">
|
|
<i class="mdi mdi-comment-account-outline"></i>
|
|
</div>
|
|
<p class="notify-details">Doug Dukes commented on Admin Dashboard
|
|
<small class="text-muted">1 min ago</small>
|
|
</p>
|
|
</a>
|
|
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item notify-item">
|
|
<div class="notify-icon">
|
|
<img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
|
|
<p class="notify-details">Mario Drummond</p>
|
|
<p class="text-muted mb-0 user-msg">
|
|
<small>Hi, How are you? What about our next meeting</small>
|
|
</p>
|
|
</a>
|
|
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item notify-item">
|
|
<div class="notify-icon">
|
|
<img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
|
|
<p class="notify-details">Karen Robinson</p>
|
|
<p class="text-muted mb-0 user-msg">
|
|
<small>Wow ! this admin looks good and awesome design</small>
|
|
</p>
|
|
</a>
|
|
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item notify-item">
|
|
<div class="notify-icon bg-soft-warning text-warning">
|
|
<i class="mdi mdi-account-plus"></i>
|
|
</div>
|
|
<p class="notify-details">New user registered.
|
|
<small class="text-muted">5 hours ago</small>
|
|
</p>
|
|
</a>
|
|
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item notify-item">
|
|
<div class="notify-icon bg-info">
|
|
<i class="mdi mdi-comment-account-outline"></i>
|
|
</div>
|
|
<p class="notify-details">Caleb Flakelar commented on Admin
|
|
<small class="text-muted">4 days ago</small>
|
|
</p>
|
|
</a>
|
|
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item notify-item">
|
|
<div class="notify-icon bg-secondary">
|
|
<i class="mdi mdi-heart"></i>
|
|
</div>
|
|
<p class="notify-details">Carlos Crouch liked
|
|
<b>Admin</b>
|
|
<small class="text-muted">13 days ago</small>
|
|
</p>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- All-->
|
|
<a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
|
|
View all
|
|
<i class="fe-arrow-right"></i>
|
|
</a>
|
|
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dropdown notification-list topbar-dropdown">
|
|
<a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
|
|
<img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
|
|
<span class="pro-user-name ml-1">
|
|
Nik Patel <i class="mdi mdi-chevron-down"></i>
|
|
</span>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right profile-dropdown ">
|
|
<!-- item-->
|
|
<div class="dropdown-header noti-title">
|
|
<h6 class="text-overflow m-0">Welcome !</h6>
|
|
</div>
|
|
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item notify-item">
|
|
<i class="ri-account-circle-line"></i>
|
|
<span>My Account</span>
|
|
</a>
|
|
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item notify-item">
|
|
<i class="ri-settings-3-line"></i>
|
|
<span>Settings</span>
|
|
</a>
|
|
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item notify-item">
|
|
<i class="ri-wallet-line"></i>
|
|
<span>My Wallet <span class="badge badge-success float-right">3</span> </span>
|
|
</a>
|
|
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item notify-item">
|
|
<i class="ri-lock-line"></i>
|
|
<span>Lock Screen</span>
|
|
</a>
|
|
|
|
<div class="dropdown-divider"></div>
|
|
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item notify-item">
|
|
<i class="ri-logout-box-line"></i>
|
|
<span>Logout</span>
|
|
</a>
|
|
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dropdown notification-list">
|
|
<a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
|
|
<i class="fe-settings noti-icon"></i>
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<!-- LOGO -->
|
|
<div class="logo-box">
|
|
<a href="index.html" class="logo logo-dark text-center">
|
|
<span class="logo-sm">
|
|
<img src="../assets/images/logo-sm-dark.png" alt="" height="24">
|
|
<!-- <span class="logo-lg-text-light">Minton</span> -->
|
|
</span>
|
|
<span class="logo-lg">
|
|
<img src="../assets/images/logo-dark.png" alt="" height="20">
|
|
<!-- <span class="logo-lg-text-light">M</span> -->
|
|
</span>
|
|
</a>
|
|
|
|
<a href="index.html" class="logo logo-light text-center">
|
|
<span class="logo-sm">
|
|
<img src="../assets/images/logo-sm.png" alt="" height="24">
|
|
</span>
|
|
<span class="logo-lg">
|
|
<img src="../assets/images/logo-light.png" alt="" height="20">
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
<ul class="list-unstyled topnav-menu topnav-menu-left m-0">
|
|
<li>
|
|
<button class="button-menu-mobile waves-effect waves-light">
|
|
<i class="fe-menu"></i>
|
|
</button>
|
|
</li>
|
|
|
|
<li>
|
|
<!-- Mobile menu toggle (Horizontal Layout)-->
|
|
<a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
|
|
<div class="lines">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
</a>
|
|
<!-- End mobile menu toggle-->
|
|
</li>
|
|
|
|
<li class="dropdown d-none d-xl-block">
|
|
<a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
|
|
Create New
|
|
<i class="mdi mdi-chevron-down"></i>
|
|
</a>
|
|
<div class="dropdown-menu">
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">
|
|
<i class="fe-briefcase mr-1"></i>
|
|
<span>New Projects</span>
|
|
</a>
|
|
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">
|
|
<i class="fe-user mr-1"></i>
|
|
<span>Create Users</span>
|
|
</a>
|
|
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">
|
|
<i class="fe-bar-chart-line- mr-1"></i>
|
|
<span>Revenue Report</span>
|
|
</a>
|
|
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">
|
|
<i class="fe-settings mr-1"></i>
|
|
<span>Settings</span>
|
|
</a>
|
|
|
|
<div class="dropdown-divider"></div>
|
|
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">
|
|
<i class="fe-headphones mr-1"></i>
|
|
<span>Help & Support</span>
|
|
</a>
|
|
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dropdown dropdown-mega d-none d-xl-block">
|
|
<a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
|
|
Mega Menu
|
|
<i class="mdi mdi-chevron-down"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-megamenu">
|
|
<div class="row">
|
|
<div class="col-sm-8">
|
|
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<h5 class="text-dark mt-0">UI Components</h5>
|
|
<ul class="list-unstyled megamenu-list">
|
|
<li>
|
|
<a href="javascript:void(0);">Widgets</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);">Nestable List</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);">Range Sliders</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);">Masonry Items</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);">Sweet Alerts</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);">Treeview Page</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);">Tour Page</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<h5 class="text-dark mt-0">Applications</h5>
|
|
<ul class="list-unstyled megamenu-list">
|
|
<li>
|
|
<a href="javascript:void(0);">eCommerce Pages</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);">CRM Pages</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);">Email</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);">Calendar</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);">Team Contacts</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);">Task Board</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);">Email Templates</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<h5 class="text-dark mt-0">Extra Pages</h5>
|
|
<ul class="list-unstyled megamenu-list">
|
|
<li>
|
|
<a href="javascript:void(0);">Left Sidebar with User</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);">Menu Collapsed</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);">Small Left Sidebar</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);">New Header Style</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);">Search Result</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);">Gallery Pages</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);">Maintenance & Coming Soon</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<div class="text-center mt-3">
|
|
<h3 class="text-dark">Special Discount Sale!</h3>
|
|
<h4>Save up to 70% off.</h4>
|
|
<button class="btn btn-primary btn-rounded mt-3">Download Now</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
</div>
|
|
<!-- end Topbar --> |