<!DOCTYPE html>
<html lang="zxx">


<head>
  <meta charset="utf-8">
    <title>CES Pakistan - Services</title>

    @include("header")
</head>

<body>


<!-- preloader start -->
<div class="preloader">
    <img src="{{asset('assets/images/preloader.gif')}}" alt="preloader">
</div>
<!-- preloader end -->

<!-- navigation -->
<header>

    @include("navigation")
</header>
<!-- /navigation -->

<section>
    <div class="hero-slider position-relative">
        <div class="hero-slider-item py-160" style="background-image: url(assets/images/_banner/banner-1.jpg);height: 508px;" data-icon="ti-comments" data-text="Consultation">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="hero-content">
                            <h4 class="text-uppercase mb-1" data-duration-in=".5" data-animation-in="fadeInLeft" data-delay-in=".1">We are here to</h4>
                            <h1 class="font-weight-bold mb-3" data-duration-in=".5" data-animation-in="fadeInLeft" data-delay-in=".5">Build, What You Dream</h1>
{{--                            <p class="text-dark mb-50" data-duration-in=".5" data-animation-in="fadeInLeft" data-delay-in=".9">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor--}}
{{--                                <br> incididunt ut labore et dolore magna aliqua.--}}
{{--                            </p>--}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="hero-slider-item py-160" style="background-image: url(assets/images/_banner/banner-2.jpg);" data-icon="ti-bar-chart" data-text="Marketting">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="hero-content">
                            <h4 class="text-uppercase mb-1" data-duration-in=".5" data-animation-in="fadeInDown" data-delay-in=".1">From concept to creation to production and execution</h4>
                            <h1 class="font-weight-bold mb-3" data-duration-in=".5" data-animation-in="fadeInDown" data-delay-in=".5">We Provide Turnkey Solutions For You</h1>
{{--                            <p class="text-dark mb-50" data-duration-in=".5" data-animation-in="fadeInDown" data-delay-in=".9">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor--}}
{{--                                <br> incididunt ut labore et dolore magna aliqua.--}}
{{--                            </p>--}}
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</section>

<!-- service -->
<section class="section bg-gray">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-12 text-center">
                <h2 class="section-title section-title-border">Services We Provide</h2>
            </div>
            <!-- service item -->
            <div class="col-lg-4 col-sm-6 mb-5 mb-lg-0">
                <div class="card text-center service_box_card">
                    <div class="card-img-wrapper service_img">
                         <img class="card-img-top rounded-0" src="assets/images/_services/architecture.jpg" alt="Architectural and Structural Design">
                    </div>
                    <h4 class="card-title pt-4">Architectural & Structural Design</h4>

                    <div class="card-body p-0">
                        <p class="card-text mx-2 mb-0 p-2 bold-black pb-3"> CES expert in providing complete collection of architectural services from small
                            scale to complex design. We have a team of highly specialized architects...</p>
                    </div>
                </div>
            </div>
            <!-- service item -->
            <div class="col-lg-4 col-sm-6 mb-5 mb-lg-0">
                <div class="card text-center service_box_card">
                    <div class="card-img-wrapper service_img">
                        <img class="card-img-top rounded-0" src="assets/images/_services/construction.jpeg" alt="Construction">

                    </div>
                    <h4 class="card-title pt-4">Construction</h4>

                    <div class="card-body p-0">
                        <p class="card-text mx-2 mb-0 p-2 bold-black pb-3"> We are familiar with wide range of construction works services. Our qualified and sound management and teams of expert civil engineers, foreman...</p>
                    </div>
                </div>
            </div>
            <!-- service item -->
            <div class="col-lg-4 col-sm-6">
                <div class="card text-center service_box_card">
                    <div class="card-img-wrapper service_img">
                        <img class="card-img-top rounded-0" src="assets/images/_services/maintenance.jpg" alt="maintenance">
                    </div>
                    <h4 class="card-title pt-4">Maintenance</h4>

                    <div class="card-body p-0">
                        <p class="card-text mx-2 mb-0 p-2 pb-3 bold-black"> CES has a policy to remain keep in touch with the clients by providing
                            them post-construction services. It includes handing over the constructed...</p>
                    </div>
                </div>
            </div>

        </div>

        <div class="text-center">
            <a href="{{url('services')}}" class="btn btn-primary mt-4">Read More</a>
        </div>
    </div>
</section>

<section class="section ">
    <div class="container">
        <div class="col-lg-12 text-center">
            <h2 class="section-title section-title-border">Our Projects</h2>
        </div>
        <div class="row">
            @if (isset($projects) && $projects)
                @foreach ($projects as $project)


                    <div data-ref="mixitup-target" class="col-lg-3 col-sm-6 mb-4 blog-box">
                        <div class="card text-center  bg-gray">
                            <div class="card-img-wrapper " style="height: 215px;">
                                <img class="card-img-top rounded-0" src="{{\Illuminate\Support\Facades\URL::to('/') .'/images/'.$project['media']}}"  alt="{{$project['title']}}"  >
                            </div>
                            <div class="card-body p-3 text-left">
                                <h4 class="card-title mb-0 title-single-line"> <a  href="{{url('/project/details/'.$project['slug'])}}" class="h5">{{$project['title']}}</a></h4>

                            </div>
                        </div>
                    </div>

                @endforeach
            @endif
        </div>
        <div class="text-center">
            <a href="{{url('projects')}}" class="btn btn-primary mt-4">See All Projects</a>
        </div>
    </div>
</section>
<!-- client logo slider -->
<section class="section bg-gray   ">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2 class="section-title section-title-border-gray">Our Valued Clients</h2>
            </div>
        </div>

        <div class="client-logo-slider align-self-center">
            <a href="#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset" src="assets/images/_client-logo/COMSATS.png" alt="Comsats"></a>
            <a href="#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset" src="assets/images/_client-logo/Islamabad_Diagnostic_Center.png" alt="Islamabad Diagnostic Center"></a>
            <a href="#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset" src="assets/images/_client-logo/Pakistan_State_Oil.png" alt="PSO"></a>
            <a href="#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset" src="assets/images/_client-logo/telecast.png" alt="Telecast"></a>
            <a href="#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset" src="assets/images/_client-logo/mes.png" alt="Military Engineering Services"></a>
            <a href="#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset" src="assets/images/_client-logo/psx.png" alt="psx"></a>
            <a href="#" class="text-center d-block outline-0 py-3 px-2"><img style="padding-top: 42px;" class="d-unset" src="assets/images/_client-logo/ZRK_Logo.png" alt="ZRK"></a>
            <a href="#" class="text-center d-block outline-0 py-3 px-2"><img style="padding-top: 42px;" class="d-unset" src="assets/images/_client-logo/cherat.png" alt="Cherat_cement"></a>
            <a href="#" class="text-center d-block outline-0 py-3 px-2"><img style="padding-top: 25px;" class="d-unset" src="assets/images/_client-logo/nlc.png" alt="nlc"></a>
        </div>
    </div>
</section>


<section class="section ">
    <div class="container">

        <div class="row">
            <!-- service-item -->
            <div class="col-sm-4">
                <div class="mb-4 card px-2 py-5 text-center purple_bg_box" >
                    <i class="h2 text-primary d-inline-block mb-20 ti-location-pin"></i>
                    <h4>Where to find us</h4>
                    <p class="bold-black">Building No.14,
                        Sanitary Market Faqeer Appy Road I-11/3
                        Islamabad</p>
                </div>
            </div>
            <!-- service-item -->
            <div class="col-sm-4">
                <div class="bold-black mb-4 card px-2 py-5 text-center purple_bg_box"  >
                    <i class="h2 text-primary d-inline-block mb-20 ti-envelope"></i>
                    <h4>Contact us via email</h4>
                    <p class="bold-black">If you have any questions, you can email at <a   href="mailto:mail@cespakistan.com">mail@cespakistan.com</a></p>
                </div>
            </div>
            <!-- service-item -->
            <div class="col-sm-4">
                <div class="mb-4 card px-2 py-5 text-center purple_bg_box"  >
                    <i class="h2 text-primary d-inline-block mb-20 ti-help-alt"></i>
                    <h4>Get a quick quote</h4>
                    <p class="bold-black"> Need construction service cost estimation? <a  href="{{url('/contact')}}">Contact Us</a></p>
                </div>
            </div>
        </div>

    </div>
</section>








<!-- /client logo slider -->

@include("footer")

</body>

</html>
