<div class="top-header">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <ul class="list-inline text-lg-right text-center">
                    <li class="list-inline-item">
                       <span style="color: #fff;">Email :</span> <a href="mailto:mail@cespakistan.com">mail@cespakistan.com</a>
                    </li>
                    <li class="list-inline-item">
                        <a href="callto:1234565523">Call Us Now:
                            <span class="ml-2">  <a href="tel:051-4863998"><img class="mr-2" src="{{asset('assets/images/_client-logo/whatsapp.png')}}" alt=""> +92-343-1531215</a></span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="navigation">
    <div class="container">
        <nav class="navbar navbar-expand-lg navbar-light bg-light">
            <a class="navbar-brand" href="{{url('/')}}">
                <img src="{{asset('assets/siteImages/logo.png')}}" alt="logo">
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                    aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav ml-auto">

                    <li class="nav-item {{ request()->is('/') ? 'active' : '' }}">
                        <a class="nav-link"  href="{{url('/')}}" >Home</a>
                    </li>
                    <li class="nav-item {{ request()->is('about') ? 'active' : '' }}">
                        <a class="nav-link"  href="{{url('/about')}}">About Us</a>
                    </li>
                    <li class="nav-item {{ request()->is('services') ? 'active' : '' }}">
                        <a class="nav-link"  href="{{url('/services')}}">Services</a>
                    </li>
                    <li class="nav-item {{ request()->is('projects') ? 'active' : '' }}">
                        <a class="nav-link"  href="{{url('/projects')}}">Projects</a>
                    </li>
                    <li class="nav-item {{ request()->is('blog') ? 'active' : '' }}">
                        <a class="nav-link"  href="{{url('blog')}}">Blog</a>
                    </li>
                    <li class="nav-item {{ request()->is('contact') ? 'active' : '' }}">
                        <a class="nav-link" href="{{url('/contact')}}">Contact</a>
                    </li>
                    <li class="nav-item {{ request()->is('career') ? 'active' : '' }}">
                        <a class="nav-link"  href="{{url('/career')}}">Career</a>
                    </li>

                </ul>
            </div>
        </nav>
    </div>
</div>
