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>