83 lines
4.5 KiB
HTML
83 lines
4.5 KiB
HTML
<!-- Navbar -->
|
|
<nav class="navbar navbar-expand-lg navbar-absolute navbar-transparent">
|
|
<div class="container-fluid">
|
|
<div class="navbar-wrapper">
|
|
<div class="navbar-toggle d-inline">
|
|
<button type="button" class="navbar-toggler">
|
|
<span class="navbar-toggler-bar bar1"></span>
|
|
<span class="navbar-toggler-bar bar2"></span>
|
|
<span class="navbar-toggler-bar bar3"></span>
|
|
</button>
|
|
</div>
|
|
<a class="navbar-brand" href="javascript:void(0)">RTL</a>
|
|
</div>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-bar navbar-kebab"></span>
|
|
<span class="navbar-toggler-bar navbar-kebab"></span>
|
|
<span class="navbar-toggler-bar navbar-kebab"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navigation">
|
|
<ul class="navbar-nav mr-auto">
|
|
<li class="input-group d-flex align-items-center mb-0">
|
|
<label class="switch theme-switch">
|
|
<input type="checkbox" class="bsc" checked="">
|
|
<span class="slider"></span>
|
|
</label>
|
|
</li>
|
|
<li class="search-bar input-group">
|
|
<button class="btn btn-link" id="search-button" data-toggle="modal" data-target="#searchModal"><i class="tim-icons icon-zoom-split" ></i>
|
|
<span class="d-lg-none d-md-block">Search</span>
|
|
</button>
|
|
</li>
|
|
<li class="dropdown nav-item">
|
|
<a href="javascript:void(0)" class="dropdown-toggle nav-link" data-toggle="dropdown">
|
|
<div class="notification d-none d-lg-block d-xl-block"></div>
|
|
<i class="tim-icons icon-sound-wave"></i>
|
|
<p class="d-lg-none">
|
|
Notifications
|
|
</p>
|
|
</a>
|
|
<ul class="dropdown-menu dropdown-menu-right dropdown-navbar">
|
|
<li class="nav-link"><a href="#" class="nav-item dropdown-item">Mike John responded to your email</a></li>
|
|
<li class="nav-link"><a href="javascript:void(0)" class="nav-item dropdown-item">You have 5 more tasks</a></li>
|
|
<li class="nav-link"><a href="javascript:void(0)" class="nav-item dropdown-item">Your friend Michael is in town</a></li>
|
|
<li class="nav-link"><a href="javascript:void(0)" class="nav-item dropdown-item">Another notification</a></li>
|
|
<li class="nav-link"><a href="javascript:void(0)" class="nav-item dropdown-item">Another one</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown nav-item">
|
|
<a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">
|
|
<div class="photo">
|
|
<img src="{{ config.ASSETS_ROOT }}/img/anime3.png" alt="Profile Photo">
|
|
</div>
|
|
<b class="caret d-none d-lg-block d-xl-block"></b>
|
|
<p class="d-lg-none">
|
|
Log out
|
|
</p>
|
|
</a>
|
|
<ul class="dropdown-menu dropdown-navbar">
|
|
<li class="nav-link"><a href="javascript:void(0)" class="nav-item dropdown-item">Profile</a></li>
|
|
<li class="nav-link"><a href="javascript:void(0)" class="nav-item dropdown-item">Settings</a></li>
|
|
<li class="dropdown-divider"></li>
|
|
<li class="nav-link"><a href="javascript:void(0)" class="nav-item dropdown-item">Log out</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="separator d-lg-none"></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div class="modal modal-search fade" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="searchModal" aria-hidden="true">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<input type="text" class="form-control" id="inlineFormInputGroup" placeholder="SEARCH">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<i class="tim-icons icon-simple-remove"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Navbar -->
|
|
|