<header id="" class="defaultscroll sticky">
      <div class="container-fluid">
          <div class="row">
              <div class="col-lg-12">
                   <nav class="mt-2 header-navbar navbar-expand-lg navbar-fixed align-items-center navbar-brand-center" style="background-color:white;">
                        <div class="navbar-container d-flex content">
                            <div class="col-md-9">
                                <div class="d-flex align-items-center">
                                    <ul class="nav navbar-nav mr-auto header_left">
                                        <li class="nav-item d-flex">
                                            <a href="" class="navbar-brand router-link-exact-active router-link-active">
                                                <img src="web/images/logo.png" style="max-width: 130px; height: 35px;"> 
                                            </a>
                                            <div style="align-self: center;">
                                                <span style="font-weight: 600; font-size: 18px;">DEMO</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-md-3" style="display:flex;">
                                <ul class="nav navbar-nav align-items-center ml-auto header_right ps-5">
                                    <li class="nav-item dropdown dropdown-notification">
                                        <a href="">
                                            <i class="fa fa-bell change_pass_btn"></i>
                                        </a>
                                    </li>
                                </ul>                                    
                                <ul class="nav navbar-nav align-items-center ml-auto header_right ps-3">
                                    <li class="nav-item dropdown dropdown-notification">
                                        <a href="">
                                             <i class="fa fa-cog change_pass_btn"></i>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="nav navbar-nav align-items-center ml-auto header_right ps-3">
                                    <li class="nav-item dropdown dropdown-notification">

                                    <a href="{{ route('logout') }}"
                                       onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();">
                                       <i class="fa fa-sign-out change_pass_btn"></i>
                                    </a>

                                    <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                                        @csrf
                                    </form>
                                    </li>
                                </ul>
                                    <span  class="ps-5 mt-2" style="font-weight: 600; font-size: 18px;">Demo test</span>
                            </div>
                        </div>
                    </nav>
                </div> 
            </div>   
        </div>                    
</header>
<header id="topnav" class="defaultscroll sticky mt-5">
            <div class="container">
                <!-- Logo container-->
                <div class="col-md-12">
                    <div class="row">
                        <div class="col md-6">
                            <a class="logo" href="index.html">
                                <img src="web/images/logo.png" height="100" class="logo-light-mode" alt="">
                                <img src="web/images/logo.png" height="24" class="logo-dark-mode" alt="">
                            </a>
                        </div>
                        <div class="col md-6">
                            <div class="mt-4" style="display:flex; justify-content: end;">
                                <i class="fa fa-user me-2" style="font-size: 13px; height: 25px; padding: 3.5px 5.9px; border: 2px solid #75A7FD; color: #75A7FD; border-radius: 100%;"></i>
                                <p style="color:white;">My account</p>
                                <ul class="nav navbar-nav align-items-center ml-auto header_right ps-3">
                                    <li class="nav-item dropdown dropdown-notification">

                                    <a href="{{ route('logout') }}"
                                       onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();">
                                       <i class="fa fa-sign-out" style="color:#75A7FD;"></i>
                                    </a>

                                    <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                                        @csrf
                                    </form>
                                    </li>
                                </ul>
                            </div>
                            <!-- End Logo container-->
                        </div>
                    </div>    
                </div>
            </div>
            <div class="container">
                <div id="navigation">
                    <!-- Navigation Menu-->   
                    <ul class="navigation-menu">
                        <li><a href="{{ url('dashboard') }}" class="sub-menu-item" style="margin-top: -2rem;">Home</a></li>
                        <li class="has-submenu parent-parent-menu-item">
                            <a href="{{ url('application') }}"  style="margin-top: -2rem;">My Application</a>
                        </li>
        
                        <li class="has-submenu parent-parent-menu-item">
                            <a href="{{ url('profile') }}"  style="margin-top: -2rem;">Profile</a>
                        </li>

                        <li class="has-submenu parent-parent-menu-item">
                            <a href="{{ url('explore') }}"  style="margin-top: -2rem;">Explore</a>
                        </li>
                    </ul><!--end navigation menu-->
                    <div class="buy-menu-btn d-none">
                        <a href="https://1.envato.market/4n73n" target="_blank" class="btn btn-primary">Buy Now</a>
                    </div><!--end login button-->
                </div><!--end navigation-->
            </div><!--end container-->
        </header>