|
|
@@ -37,10 +37,10 @@
|
|
|
<ul class="navbar-nav ml-auto">
|
|
|
<!-- Navbar Search -->
|
|
|
<li class="nav-item">
|
|
|
- <a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
|
|
+ <a class="nav-link" data-widget="navbar-search" data-target="#main-header-search" href="#" role="button">
|
|
|
<i class="fas fa-search"></i>
|
|
|
</a>
|
|
|
- <div class="navbar-search-block">
|
|
|
+ <div class="navbar-search-block" id="main-header-search">
|
|
|
<form class="form-inline">
|
|
|
<div class="input-group input-group-sm">
|
|
|
<input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
|
|
|
@@ -869,7 +869,7 @@
|
|
|
</div>
|
|
|
<div class="card-body">
|
|
|
<div class="row">
|
|
|
- <div class="col-12 col-md-6">
|
|
|
+ <div class="col-12 col-lg-6">
|
|
|
<h4>Default Navbar <small>(navbar-light)</small></h4>
|
|
|
<nav class="navbar navbar-expand navbar-light">
|
|
|
<!-- Left navbar links -->
|
|
|
@@ -878,27 +878,138 @@
|
|
|
<a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
|
|
|
</li>
|
|
|
<li class="nav-item d-none d-sm-inline-block">
|
|
|
- <a href="#" class="nav-link">Home</a>
|
|
|
+ <a href="../../index3.html" class="nav-link">Home</a>
|
|
|
</li>
|
|
|
<li class="nav-item d-none d-sm-inline-block">
|
|
|
<a href="#" class="nav-link">Contact</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
|
|
|
- <!-- SEARCH FORM -->
|
|
|
- <form class="form-inline ml-3">
|
|
|
- <div class="input-group input-group-sm">
|
|
|
- <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
|
|
|
- <div class="input-group-append">
|
|
|
- <button class="btn btn-navbar" type="submit">
|
|
|
- <i class="fas fa-search"></i>
|
|
|
- </button>
|
|
|
+ <!-- Right navbar links -->
|
|
|
+ <ul class="navbar-nav ml-auto">
|
|
|
+ <!-- Navbar Search -->
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" data-widget="navbar-search" data-target="#navbar-search1" href="#" role="button">
|
|
|
+ <i class="fas fa-search"></i>
|
|
|
+ </a>
|
|
|
+ <div class="navbar-search-block" id="navbar-search1">
|
|
|
+ <form class="form-inline">
|
|
|
+ <div class="input-group input-group-sm">
|
|
|
+ <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
|
|
|
+ <div class="input-group-append">
|
|
|
+ <button class="btn btn-navbar" type="submit">
|
|
|
+ <i class="fas fa-search"></i>
|
|
|
+ </button>
|
|
|
+ <button class="btn btn-navbar" type="button" data-widget="navbar-search">
|
|
|
+ <i class="fas fa-times"></i>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <!-- Messages Dropdown Menu -->
|
|
|
+ <li class="nav-item dropdown">
|
|
|
+ <a class="nav-link" data-toggle="dropdown" href="#">
|
|
|
+ <i class="far fa-comments"></i>
|
|
|
+ <span class="badge badge-danger navbar-badge">3</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <!-- Message Start -->
|
|
|
+ <div class="media">
|
|
|
+ <img src="../../dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
|
|
|
+ <div class="media-body">
|
|
|
+ <h3 class="dropdown-item-title">
|
|
|
+ Brad Diesel
|
|
|
+ <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-sm">Call me whenever you can
|
|
|
+
|
|
|
+ </p>
|
|
|
+ <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Message End -->
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <!-- Message Start -->
|
|
|
+ <div class="media">
|
|
|
+ <img src="../../dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
|
|
+ <div class="media-body">
|
|
|
+ <h3 class="dropdown-item-title">
|
|
|
+ John Pierce
|
|
|
+ <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-sm">I got your message bro</p>
|
|
|
+ <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Message End -->
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <!-- Message Start -->
|
|
|
+ <div class="media">
|
|
|
+ <img src="../../dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
|
|
+ <div class="media-body">
|
|
|
+ <h3 class="dropdown-item-title">
|
|
|
+ Nora Silvester
|
|
|
+ <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-sm">The subject goes here</p>
|
|
|
+ <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Message End -->
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
+ </li>
|
|
|
+ <!-- Notifications Dropdown Menu -->
|
|
|
+ <li class="nav-item dropdown">
|
|
|
+ <a class="nav-link" data-toggle="dropdown" href="#">
|
|
|
+ <i class="far fa-bell"></i>
|
|
|
+ <span class="badge badge-warning navbar-badge">15</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
|
|
+ <span class="dropdown-item dropdown-header">15 Notifications</span>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <i class="fas fa-envelope mr-2"></i> 4 new messages
|
|
|
+ <span class="float-right text-muted text-sm">3 mins</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <i class="fas fa-users mr-2"></i> 8 friend requests
|
|
|
+ <span class="float-right text-muted text-sm">12 hours</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <i class="fas fa-file mr-2"></i> 3 new reports
|
|
|
+ <span class="float-right text-muted text-sm">2 days</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" data-widget="fullscreen" href="#" role="button">
|
|
|
+ <i class="fas fa-expand-arrows-alt"></i>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
|
|
|
+ <i class="fas fa-th-large"></i>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
</nav>
|
|
|
</div>
|
|
|
- <div class="col-12 col-md-6">
|
|
|
+ <div class="col-12 col-lg-6">
|
|
|
<h4>Default Navbar <small>(navbar-white navbar-light)</small></h4>
|
|
|
<nav class="navbar navbar-expand navbar-white navbar-light">
|
|
|
<!-- Left navbar links -->
|
|
|
@@ -907,29 +1018,140 @@
|
|
|
<a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
|
|
|
</li>
|
|
|
<li class="nav-item d-none d-sm-inline-block">
|
|
|
- <a href="#" class="nav-link">Home</a>
|
|
|
+ <a href="../../index3.html" class="nav-link">Home</a>
|
|
|
</li>
|
|
|
<li class="nav-item d-none d-sm-inline-block">
|
|
|
<a href="#" class="nav-link">Contact</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
|
|
|
- <!-- SEARCH FORM -->
|
|
|
- <form class="form-inline ml-3">
|
|
|
- <div class="input-group input-group-sm">
|
|
|
- <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
|
|
|
- <div class="input-group-append">
|
|
|
- <button class="btn btn-navbar" type="submit">
|
|
|
- <i class="fas fa-search"></i>
|
|
|
- </button>
|
|
|
+ <!-- Right navbar links -->
|
|
|
+ <ul class="navbar-nav ml-auto">
|
|
|
+ <!-- Navbar Search -->
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" data-widget="navbar-search" data-target="#navbar-search2" href="#" role="button">
|
|
|
+ <i class="fas fa-search"></i>
|
|
|
+ </a>
|
|
|
+ <div class="navbar-search-block" id="navbar-search2">
|
|
|
+ <form class="form-inline">
|
|
|
+ <div class="input-group input-group-sm">
|
|
|
+ <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
|
|
|
+ <div class="input-group-append">
|
|
|
+ <button class="btn btn-navbar" type="submit">
|
|
|
+ <i class="fas fa-search"></i>
|
|
|
+ </button>
|
|
|
+ <button class="btn btn-navbar" type="button" data-widget="navbar-search">
|
|
|
+ <i class="fas fa-times"></i>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <!-- Messages Dropdown Menu -->
|
|
|
+ <li class="nav-item dropdown">
|
|
|
+ <a class="nav-link" data-toggle="dropdown" href="#">
|
|
|
+ <i class="far fa-comments"></i>
|
|
|
+ <span class="badge badge-danger navbar-badge">3</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <!-- Message Start -->
|
|
|
+ <div class="media">
|
|
|
+ <img src="../../dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
|
|
|
+ <div class="media-body">
|
|
|
+ <h3 class="dropdown-item-title">
|
|
|
+ Brad Diesel
|
|
|
+ <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-sm">Call me whenever you can
|
|
|
+
|
|
|
+ </p>
|
|
|
+ <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Message End -->
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <!-- Message Start -->
|
|
|
+ <div class="media">
|
|
|
+ <img src="../../dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
|
|
+ <div class="media-body">
|
|
|
+ <h3 class="dropdown-item-title">
|
|
|
+ John Pierce
|
|
|
+ <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-sm">I got your message bro</p>
|
|
|
+ <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Message End -->
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <!-- Message Start -->
|
|
|
+ <div class="media">
|
|
|
+ <img src="../../dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
|
|
+ <div class="media-body">
|
|
|
+ <h3 class="dropdown-item-title">
|
|
|
+ Nora Silvester
|
|
|
+ <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-sm">The subject goes here</p>
|
|
|
+ <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Message End -->
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <!-- Notifications Dropdown Menu -->
|
|
|
+ <li class="nav-item dropdown">
|
|
|
+ <a class="nav-link" data-toggle="dropdown" href="#">
|
|
|
+ <i class="far fa-bell"></i>
|
|
|
+ <span class="badge badge-warning navbar-badge">15</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
|
|
+ <span class="dropdown-item dropdown-header">15 Notifications</span>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <i class="fas fa-envelope mr-2"></i> 4 new messages
|
|
|
+ <span class="float-right text-muted text-sm">3 mins</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <i class="fas fa-users mr-2"></i> 8 friend requests
|
|
|
+ <span class="float-right text-muted text-sm">12 hours</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <i class="fas fa-file mr-2"></i> 3 new reports
|
|
|
+ <span class="float-right text-muted text-sm">2 days</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" data-widget="fullscreen" href="#" role="button">
|
|
|
+ <i class="fas fa-expand-arrows-alt"></i>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
|
|
|
+ <i class="fas fa-th-large"></i>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
</nav>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="row">
|
|
|
- <div class="col-12 col-md-6">
|
|
|
+ <div class="col-12 col-lg-6">
|
|
|
<h4 class="mt-4">Primary Navbar <small><b>recommended</b> (navbar-primary navbar-dark)</small></h4>
|
|
|
<nav class="navbar navbar-expand navbar-primary navbar-dark">
|
|
|
<!-- Left navbar links -->
|
|
|
@@ -938,27 +1160,138 @@
|
|
|
<a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
|
|
|
</li>
|
|
|
<li class="nav-item d-none d-sm-inline-block">
|
|
|
- <a href="#" class="nav-link">Home</a>
|
|
|
+ <a href="../../index3.html" class="nav-link">Home</a>
|
|
|
</li>
|
|
|
<li class="nav-item d-none d-sm-inline-block">
|
|
|
<a href="#" class="nav-link">Contact</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
|
|
|
- <!-- SEARCH FORM -->
|
|
|
- <form class="form-inline ml-3">
|
|
|
- <div class="input-group input-group-sm">
|
|
|
- <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
|
|
|
- <div class="input-group-append">
|
|
|
- <button class="btn btn-navbar" type="submit">
|
|
|
- <i class="fas fa-search"></i>
|
|
|
- </button>
|
|
|
+ <!-- Right navbar links -->
|
|
|
+ <ul class="navbar-nav ml-auto">
|
|
|
+ <!-- Navbar Search -->
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" data-widget="navbar-search" data-target="#navbar-search3" href="#" role="button">
|
|
|
+ <i class="fas fa-search"></i>
|
|
|
+ </a>
|
|
|
+ <div class="navbar-search-block" id="navbar-search3">
|
|
|
+ <form class="form-inline">
|
|
|
+ <div class="input-group input-group-sm">
|
|
|
+ <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
|
|
|
+ <div class="input-group-append">
|
|
|
+ <button class="btn btn-navbar" type="submit">
|
|
|
+ <i class="fas fa-search"></i>
|
|
|
+ </button>
|
|
|
+ <button class="btn btn-navbar" type="button" data-widget="navbar-search">
|
|
|
+ <i class="fas fa-times"></i>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <!-- Messages Dropdown Menu -->
|
|
|
+ <li class="nav-item dropdown">
|
|
|
+ <a class="nav-link" data-toggle="dropdown" href="#">
|
|
|
+ <i class="far fa-comments"></i>
|
|
|
+ <span class="badge badge-danger navbar-badge">3</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <!-- Message Start -->
|
|
|
+ <div class="media">
|
|
|
+ <img src="../../dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
|
|
|
+ <div class="media-body">
|
|
|
+ <h3 class="dropdown-item-title">
|
|
|
+ Brad Diesel
|
|
|
+ <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-sm">Call me whenever you can
|
|
|
+
|
|
|
+ </p>
|
|
|
+ <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Message End -->
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <!-- Message Start -->
|
|
|
+ <div class="media">
|
|
|
+ <img src="../../dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
|
|
+ <div class="media-body">
|
|
|
+ <h3 class="dropdown-item-title">
|
|
|
+ John Pierce
|
|
|
+ <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-sm">I got your message bro</p>
|
|
|
+ <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Message End -->
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <!-- Message Start -->
|
|
|
+ <div class="media">
|
|
|
+ <img src="../../dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
|
|
+ <div class="media-body">
|
|
|
+ <h3 class="dropdown-item-title">
|
|
|
+ Nora Silvester
|
|
|
+ <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-sm">The subject goes here</p>
|
|
|
+ <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Message End -->
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <!-- Notifications Dropdown Menu -->
|
|
|
+ <li class="nav-item dropdown">
|
|
|
+ <a class="nav-link" data-toggle="dropdown" href="#">
|
|
|
+ <i class="far fa-bell"></i>
|
|
|
+ <span class="badge badge-warning navbar-badge">15</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
|
|
+ <span class="dropdown-item dropdown-header">15 Notifications</span>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <i class="fas fa-envelope mr-2"></i> 4 new messages
|
|
|
+ <span class="float-right text-muted text-sm">3 mins</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <i class="fas fa-users mr-2"></i> 8 friend requests
|
|
|
+ <span class="float-right text-muted text-sm">12 hours</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <i class="fas fa-file mr-2"></i> 3 new reports
|
|
|
+ <span class="float-right text-muted text-sm">2 days</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" data-widget="fullscreen" href="#" role="button">
|
|
|
+ <i class="fas fa-expand-arrows-alt"></i>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
|
|
|
+ <i class="fas fa-th-large"></i>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
</nav>
|
|
|
</div>
|
|
|
- <div class="col-12 col-md-6">
|
|
|
+ <div class="col-12 col-lg-6">
|
|
|
<h4 class="mt-4">Primary Navbar <small>(navbar-primary navbar-light)</small></h4>
|
|
|
<nav class="navbar navbar-expand navbar-primary navbar-light">
|
|
|
<!-- Left navbar links -->
|
|
|
@@ -967,29 +1300,140 @@
|
|
|
<a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
|
|
|
</li>
|
|
|
<li class="nav-item d-none d-sm-inline-block">
|
|
|
- <a href="#" class="nav-link">Home</a>
|
|
|
+ <a href="../../index3.html" class="nav-link">Home</a>
|
|
|
</li>
|
|
|
<li class="nav-item d-none d-sm-inline-block">
|
|
|
<a href="#" class="nav-link">Contact</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
|
|
|
- <!-- SEARCH FORM -->
|
|
|
- <form class="form-inline ml-3">
|
|
|
- <div class="input-group input-group-sm">
|
|
|
- <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
|
|
|
- <div class="input-group-append">
|
|
|
- <button class="btn btn-navbar" type="submit">
|
|
|
- <i class="fas fa-search"></i>
|
|
|
- </button>
|
|
|
+ <!-- Right navbar links -->
|
|
|
+ <ul class="navbar-nav ml-auto">
|
|
|
+ <!-- Navbar Search -->
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" data-widget="navbar-search" data-target="#navbar-search4" href="#" role="button">
|
|
|
+ <i class="fas fa-search"></i>
|
|
|
+ </a>
|
|
|
+ <div class="navbar-search-block" id="navbar-search4">
|
|
|
+ <form class="form-inline">
|
|
|
+ <div class="input-group input-group-sm">
|
|
|
+ <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
|
|
|
+ <div class="input-group-append">
|
|
|
+ <button class="btn btn-navbar" type="submit">
|
|
|
+ <i class="fas fa-search"></i>
|
|
|
+ </button>
|
|
|
+ <button class="btn btn-navbar" type="button" data-widget="navbar-search">
|
|
|
+ <i class="fas fa-times"></i>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <!-- Messages Dropdown Menu -->
|
|
|
+ <li class="nav-item dropdown">
|
|
|
+ <a class="nav-link" data-toggle="dropdown" href="#">
|
|
|
+ <i class="far fa-comments"></i>
|
|
|
+ <span class="badge badge-danger navbar-badge">3</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <!-- Message Start -->
|
|
|
+ <div class="media">
|
|
|
+ <img src="../../dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
|
|
|
+ <div class="media-body">
|
|
|
+ <h3 class="dropdown-item-title">
|
|
|
+ Brad Diesel
|
|
|
+ <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-sm">Call me whenever you can
|
|
|
+
|
|
|
+ </p>
|
|
|
+ <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Message End -->
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <!-- Message Start -->
|
|
|
+ <div class="media">
|
|
|
+ <img src="../../dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
|
|
+ <div class="media-body">
|
|
|
+ <h3 class="dropdown-item-title">
|
|
|
+ John Pierce
|
|
|
+ <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-sm">I got your message bro</p>
|
|
|
+ <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Message End -->
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <!-- Message Start -->
|
|
|
+ <div class="media">
|
|
|
+ <img src="../../dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
|
|
+ <div class="media-body">
|
|
|
+ <h3 class="dropdown-item-title">
|
|
|
+ Nora Silvester
|
|
|
+ <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-sm">The subject goes here</p>
|
|
|
+ <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Message End -->
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
+ </li>
|
|
|
+ <!-- Notifications Dropdown Menu -->
|
|
|
+ <li class="nav-item dropdown">
|
|
|
+ <a class="nav-link" data-toggle="dropdown" href="#">
|
|
|
+ <i class="far fa-bell"></i>
|
|
|
+ <span class="badge badge-warning navbar-badge">15</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
|
|
+ <span class="dropdown-item dropdown-header">15 Notifications</span>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <i class="fas fa-envelope mr-2"></i> 4 new messages
|
|
|
+ <span class="float-right text-muted text-sm">3 mins</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <i class="fas fa-users mr-2"></i> 8 friend requests
|
|
|
+ <span class="float-right text-muted text-sm">12 hours</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <i class="fas fa-file mr-2"></i> 3 new reports
|
|
|
+ <span class="float-right text-muted text-sm">2 days</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" data-widget="fullscreen" href="#" role="button">
|
|
|
+ <i class="fas fa-expand-arrows-alt"></i>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
|
|
|
+ <i class="fas fa-th-large"></i>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
</nav>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="row">
|
|
|
- <div class="col-12 col-md-6">
|
|
|
+ <div class="col-12 col-lg-6">
|
|
|
<h4 class="mt-4">Orange Navbar <small><b>recommended</b> (navbar-orange navbar-light)</small></h4>
|
|
|
<nav class="navbar navbar-expand navbar-orange navbar-light">
|
|
|
<!-- Left navbar links -->
|
|
|
@@ -998,27 +1442,138 @@
|
|
|
<a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
|
|
|
</li>
|
|
|
<li class="nav-item d-none d-sm-inline-block">
|
|
|
- <a href="#" class="nav-link">Home</a>
|
|
|
+ <a href="../../index3.html" class="nav-link">Home</a>
|
|
|
</li>
|
|
|
<li class="nav-item d-none d-sm-inline-block">
|
|
|
<a href="#" class="nav-link">Contact</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
|
|
|
- <!-- SEARCH FORM -->
|
|
|
- <form class="form-inline ml-3">
|
|
|
- <div class="input-group input-group-sm">
|
|
|
- <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
|
|
|
- <div class="input-group-append">
|
|
|
- <button class="btn btn-navbar" type="submit">
|
|
|
- <i class="fas fa-search"></i>
|
|
|
- </button>
|
|
|
+ <!-- Right navbar links -->
|
|
|
+ <ul class="navbar-nav ml-auto">
|
|
|
+ <!-- Navbar Search -->
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" data-widget="navbar-search" data-target="#navbar-search5" href="#" role="button">
|
|
|
+ <i class="fas fa-search"></i>
|
|
|
+ </a>
|
|
|
+ <div class="navbar-search-block" id="navbar-search5">
|
|
|
+ <form class="form-inline">
|
|
|
+ <div class="input-group input-group-sm">
|
|
|
+ <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
|
|
|
+ <div class="input-group-append">
|
|
|
+ <button class="btn btn-navbar" type="submit">
|
|
|
+ <i class="fas fa-search"></i>
|
|
|
+ </button>
|
|
|
+ <button class="btn btn-navbar" type="button" data-widget="navbar-search">
|
|
|
+ <i class="fas fa-times"></i>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <!-- Messages Dropdown Menu -->
|
|
|
+ <li class="nav-item dropdown">
|
|
|
+ <a class="nav-link" data-toggle="dropdown" href="#">
|
|
|
+ <i class="far fa-comments"></i>
|
|
|
+ <span class="badge badge-danger navbar-badge">3</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <!-- Message Start -->
|
|
|
+ <div class="media">
|
|
|
+ <img src="../../dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
|
|
|
+ <div class="media-body">
|
|
|
+ <h3 class="dropdown-item-title">
|
|
|
+ Brad Diesel
|
|
|
+ <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-sm">Call me whenever you can
|
|
|
+
|
|
|
+ </p>
|
|
|
+ <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Message End -->
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <!-- Message Start -->
|
|
|
+ <div class="media">
|
|
|
+ <img src="../../dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
|
|
+ <div class="media-body">
|
|
|
+ <h3 class="dropdown-item-title">
|
|
|
+ John Pierce
|
|
|
+ <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-sm">I got your message bro</p>
|
|
|
+ <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Message End -->
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <!-- Message Start -->
|
|
|
+ <div class="media">
|
|
|
+ <img src="../../dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
|
|
+ <div class="media-body">
|
|
|
+ <h3 class="dropdown-item-title">
|
|
|
+ Nora Silvester
|
|
|
+ <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-sm">The subject goes here</p>
|
|
|
+ <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Message End -->
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <!-- Notifications Dropdown Menu -->
|
|
|
+ <li class="nav-item dropdown">
|
|
|
+ <a class="nav-link" data-toggle="dropdown" href="#">
|
|
|
+ <i class="far fa-bell"></i>
|
|
|
+ <span class="badge badge-warning navbar-badge">15</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
|
|
+ <span class="dropdown-item dropdown-header">15 Notifications</span>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <i class="fas fa-envelope mr-2"></i> 4 new messages
|
|
|
+ <span class="float-right text-muted text-sm">3 mins</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <i class="fas fa-users mr-2"></i> 8 friend requests
|
|
|
+ <span class="float-right text-muted text-sm">12 hours</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <i class="fas fa-file mr-2"></i> 3 new reports
|
|
|
+ <span class="float-right text-muted text-sm">2 days</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" data-widget="fullscreen" href="#" role="button">
|
|
|
+ <i class="fas fa-expand-arrows-alt"></i>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
|
|
|
+ <i class="fas fa-th-large"></i>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
</nav>
|
|
|
</div>
|
|
|
- <div class="col-12 col-md-6">
|
|
|
+ <div class="col-12 col-lg-6">
|
|
|
<h4 class="mt-4">Orange Navbar <small>(navbar-orange navbar-dark)</small></h4>
|
|
|
<nav class="navbar navbar-expand navbar-orange navbar-dark">
|
|
|
<!-- Left navbar links -->
|
|
|
@@ -1027,24 +1582,135 @@
|
|
|
<a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
|
|
|
</li>
|
|
|
<li class="nav-item d-none d-sm-inline-block">
|
|
|
- <a href="#" class="nav-link">Home</a>
|
|
|
+ <a href="../../index3.html" class="nav-link">Home</a>
|
|
|
</li>
|
|
|
<li class="nav-item d-none d-sm-inline-block">
|
|
|
<a href="#" class="nav-link">Contact</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
|
|
|
- <!-- SEARCH FORM -->
|
|
|
- <form class="form-inline ml-3">
|
|
|
- <div class="input-group input-group-sm">
|
|
|
- <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
|
|
|
- <div class="input-group-append">
|
|
|
- <button class="btn btn-navbar" type="submit">
|
|
|
- <i class="fas fa-search"></i>
|
|
|
- </button>
|
|
|
+ <!-- Right navbar links -->
|
|
|
+ <ul class="navbar-nav ml-auto">
|
|
|
+ <!-- Navbar Search -->
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" data-widget="navbar-search" data-target="#navbar-search6" href="#" role="button">
|
|
|
+ <i class="fas fa-search"></i>
|
|
|
+ </a>
|
|
|
+ <div class="navbar-search-block" id="navbar-search6">
|
|
|
+ <form class="form-inline">
|
|
|
+ <div class="input-group input-group-sm">
|
|
|
+ <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
|
|
|
+ <div class="input-group-append">
|
|
|
+ <button class="btn btn-navbar" type="submit">
|
|
|
+ <i class="fas fa-search"></i>
|
|
|
+ </button>
|
|
|
+ <button class="btn btn-navbar" type="button" data-widget="navbar-search">
|
|
|
+ <i class="fas fa-times"></i>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <!-- Messages Dropdown Menu -->
|
|
|
+ <li class="nav-item dropdown">
|
|
|
+ <a class="nav-link" data-toggle="dropdown" href="#">
|
|
|
+ <i class="far fa-comments"></i>
|
|
|
+ <span class="badge badge-danger navbar-badge">3</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <!-- Message Start -->
|
|
|
+ <div class="media">
|
|
|
+ <img src="../../dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
|
|
|
+ <div class="media-body">
|
|
|
+ <h3 class="dropdown-item-title">
|
|
|
+ Brad Diesel
|
|
|
+ <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-sm">Call me whenever you can
|
|
|
+
|
|
|
+ </p>
|
|
|
+ <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Message End -->
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <!-- Message Start -->
|
|
|
+ <div class="media">
|
|
|
+ <img src="../../dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
|
|
+ <div class="media-body">
|
|
|
+ <h3 class="dropdown-item-title">
|
|
|
+ John Pierce
|
|
|
+ <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-sm">I got your message bro</p>
|
|
|
+ <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Message End -->
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <!-- Message Start -->
|
|
|
+ <div class="media">
|
|
|
+ <img src="../../dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
|
|
+ <div class="media-body">
|
|
|
+ <h3 class="dropdown-item-title">
|
|
|
+ Nora Silvester
|
|
|
+ <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-sm">The subject goes here</p>
|
|
|
+ <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Message End -->
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <!-- Notifications Dropdown Menu -->
|
|
|
+ <li class="nav-item dropdown">
|
|
|
+ <a class="nav-link" data-toggle="dropdown" href="#">
|
|
|
+ <i class="far fa-bell"></i>
|
|
|
+ <span class="badge badge-warning navbar-badge">15</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
|
|
+ <span class="dropdown-item dropdown-header">15 Notifications</span>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <i class="fas fa-envelope mr-2"></i> 4 new messages
|
|
|
+ <span class="float-right text-muted text-sm">3 mins</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <i class="fas fa-users mr-2"></i> 8 friend requests
|
|
|
+ <span class="float-right text-muted text-sm">12 hours</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item">
|
|
|
+ <i class="fas fa-file mr-2"></i> 3 new reports
|
|
|
+ <span class="float-right text-muted text-sm">2 days</span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-divider"></div>
|
|
|
+ <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" data-widget="fullscreen" href="#" role="button">
|
|
|
+ <i class="fas fa-expand-arrows-alt"></i>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
|
|
|
+ <i class="fas fa-th-large"></i>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
</nav>
|
|
|
</div>
|
|
|
</div>
|
REJack