Current File : //home/tradevaly/new.tradevaly.com.bd/resources/views/backend/inc/nav.blade.php |
<div class="navbar navbar-expand-lg navbar-light">
<div class="d-flex flex-1 d-lg-none">
<button class="navbar-toggler sidebar-mobile-main-toggle" type="button">
<i class="icon-paragraph-justify3"></i>
</button>
<button data-target="#navbar-search" type="button" class="navbar-toggler" data-toggle="collapse">
<i class="icon-search4"></i>
</button>
</div>
<div class="navbar-collapse collapse flex-lg-1 order-2 order-lg-1" id="navbar-search">
<div class="navbar-search d-flex align-items-center py-2 py-lg-0">
<div class="form-group-feedback form-group-feedback-left flex-grow-1">
<input type="text" class="form-control" placeholder="Search">
<div class="form-control-feedback">
<i class="icon-search4 opacity-50"></i>
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-end align-items-center flex-1 flex-lg-0 order-1 order-lg-2">
<ul class="navbar-nav flex-row">
<li class="nav-item nav-item-dropdown-lg dropdown">
<a href="#" class="navbar-nav-link navbar-nav-link-toggler dropdown-toggle" data-toggle="dropdown">
<img src="{{ asset('backend/global_assets/images/lang/gb.png') }}" class="img-flag" alt="">
<span class="d-none d-lg-inline-block ml-2">English</span>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a href="#" class="dropdown-item english active">
<img src="{{ asset('backend/global_assets/images/lang/gb.png') }}" class="img-flag" alt="">
English
</a>
<a href="#" class="dropdown-item ukrainian">
<img src="{{ asset('backend/global_assets/images/lang/ua.png') }}" class="img-flag" alt="">
Українська
</a>
<a href="#" class="dropdown-item deutsch">
<img src="{{ asset('backend/global_assets/images/lang/de.png') }}" class="img-flag" alt="">
Deutsch
</a>
<a href="#" class="dropdown-item espana">
<img src="{{ asset('backend/global_assets/images/lang/es.png') }}" class="img-flag" alt="">
España
</a>
<a href="#" class="dropdown-item russian">
<img src="{{ asset('backend/global_assets/images/lang/ru.png') }}" class="img-flag" alt="">
Русский
</a>
</div>
</li>
<li class="nav-item nav-item-dropdown-lg dropdown">
<a href="#" class="navbar-nav-link navbar-nav-link-toggler" data-toggle="dropdown">
<i class="icon-bubbles4"></i>
<span class="badge badge-mark border-pink"></span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-content wmin-lg-350">
<div class="dropdown-content-header">
<h6 class="font-weight-semibold mb-0">Messages</h6>
<a href="#" class="text-body"><i class="icon-compose"></i></a>
</div>
<div class="dropdown-content-body dropdown-scrollable">
<ul class="media-list">
<li class="media">
<div class="mr-3 position-relative">
<img src="{{ asset('backend/global_assets/images/placeholders/placeholder.jpg') }}" width="36" height="36" class="rounded-circle" alt="">
</div>
<div class="media-body">
<div class="media-title">
<a href="#">
<span class="font-weight-semibold">James Alexander</span>
<span class="text-muted float-right font-size-sm">04:58</span>
</a>
</div>
<span class="text-muted">who knows, maybe that would be the best thing for me...</span>
</div>
</li>
<li class="media">
<div class="mr-3 position-relative">
<img src="{{ asset('backend/global_assets/images/placeholders/placeholder.jpg') }}" width="36" height="36" class="rounded-circle" alt="">
</div>
<div class="media-body">
<div class="media-title">
<a href="#">
<span class="font-weight-semibold">Margo Baker</span>
<span class="text-muted float-right font-size-sm">12:16</span>
</a>
</div>
<span class="text-muted">That was something he was unable to do because...</span>
</div>
</li>
<li class="media">
<div class="mr-3">
<img src="{{ asset('backend/global_assets/images/placeholders/placeholder.jpg') }}" width="36" height="36" class="rounded-circle" alt="">
</div>
<div class="media-body">
<div class="media-title">
<a href="#">
<span class="font-weight-semibold">Jeremy Victorino</span>
<span class="text-muted float-right font-size-sm">22:48</span>
</a>
</div>
<span class="text-muted">But that would be extremely strained and suspicious...</span>
</div>
</li>
<li class="media">
<div class="mr-3">
<img src="{{ asset('backend/global_assets/images/placeholders/placeholder.jpg') }}" width="36" height="36" class="rounded-circle" alt="">
</div>
<div class="media-body">
<div class="media-title">
<a href="#">
<span class="font-weight-semibold">Beatrix Diaz</span>
<span class="text-muted float-right font-size-sm">Tue</span>
</a>
</div>
<span class="text-muted">What a strenuous career it is that I've chosen...</span>
</div>
</li>
<li class="media">
<div class="mr-3">
<img src="{{ asset('backend/global_assets/images/placeholders/placeholder.jpg') }}" width="36" height="36" class="rounded-circle" alt="">
</div>
<div class="media-body">
<div class="media-title">
<a href="#">
<span class="font-weight-semibold">Richard Vango</span>
<span class="text-muted float-right font-size-sm">Mon</span>
</a>
</div>
<span class="text-muted">Other travelling salesmen live a life of luxury...</span>
</div>
</li>
</ul>
</div>
<div class="dropdown-content-footer bg-light">
<a href="#" class="text-body mr-auto">All messages</a>
<div>
<a href="#" class="text-body" data-popup="tooltip" title="" data-original-title="Mark all as read"><i class="icon-radio-unchecked"></i></a>
<a href="#" class="text-body ml-2" data-popup="tooltip" title="" data-original-title="Settings"><i class="icon-cog3"></i></a>
</div>
</div>
</div>
</li>
<li class="nav-item nav-item-dropdown-lg dropdown">
<a href="#" class="navbar-nav-link navbar-nav-link-toggler" data-toggle="dropdown">
<i class="icon-grid6"></i>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-content wmin-lg-350">
<div class="dropdown-content-body p-2">
<div class="row no-gutters">
<div class="col-4">
<a href="#" class="btn btn-outline-light border-transparent text-body btn-block py-2">
<i class="icon-github4 icon-2x mt-1"></i>
<div class="font-weight-semibold mt-1">Github</div>
</a>
<a href="#" class="btn btn-outline-light border-transparent text-body btn-block py-2">
<i class="icon-dropbox text-primary icon-2x mt-1"></i>
<div class="font-weight-semibold mt-1">Dropbox</div>
</a>
</div>
<div class="col-4">
<a href="#" class="btn btn-outline-light border-transparent text-body btn-block py-2">
<i class="icon-dribbble3 text-pink icon-2x mt-1"></i>
<div class="font-weight-semibold mt-1">Dribbble</div>
</a>
<a href="#" class="btn btn-outline-light border-transparent text-body btn-block py-2">
<i class="icon-google-drive text-success icon-2x mt-1"></i>
<div class="font-weight-semibold mt-1">Drive</div>
</a>
</div>
<div class="col-4">
<a href="#" class="btn btn-outline-light border-transparent text-body btn-block py-2">
<i class="icon-twitter text-info icon-2x mt-1"></i>
<div class="font-weight-semibold mt-1">Twitter</div>
</a>
<a href="#" class="btn btn-outline-light border-transparent text-body btn-block py-2">
<i class="icon-youtube text-danger icon-2x mt-1"></i>
<div class="font-weight-semibold mt-1">Youtube</div>
</a>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>