<div id="header">
    <div class="color-line">
    </div>
    <div id="logo" class="light-version">
        <!-- <span>Airtime Sales</span> -->
        <img src="{{ url('public/theme_assets/images/click-airtime-logo-removebg-preview.png') }}" class="" width="80px" alt="logo">
    </div>
    <nav role="navigation">
        <div class="header-link hide-menu"><i class="fa fa-bars"></i></div>
        <div class="small-logo">
            <span class="text-primary">Airtime Sales</span>
        </div>
        
        <div class="mobile-menu">
            <button type="button" class="navbar-toggle mobile-menu-toggle" data-toggle="collapse" data-target="#mobile-collapse">
                <i class="fa fa-chevron-down"></i>
            </button>
            <div class="collapse mobile-navbar" id="mobile-collapse">
                <ul class="nav navbar-nav">
                    <!-- <li>
                        <a class="" href="">Login</a>
                    </li> -->
                    <li>
                        <a class="" href="{{ url('organisation/logout') }}">Logout</a>
                    </li>
                    <li>
                        <!-- <a class="" href="">Profile</a> -->
                    </li>
                </ul>
            </div>
        </div>
        <div class="navbar-right">
            <ul class="nav navbar-nav no-borders">
                
               
                
                <li class="dropdown">
                    <a href="{{ url('organisation/logout') }}" class="" title="Logout">
                        <i class="pe-7s-upload pe-rotate-90 text-danger"></i>
                    </a>
                </li>
            </ul>
        </div>
    </nav>
</div>