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


<head>
  <meta charset="utf-8">
    <title>CES Pakistan - Contact Us</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>


<section class="page-title overlay" style="background-image: url(assets/images/_about/contact_us.jpg);">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2 class="text-white font-weight-bold">Contact Us</h2>
                <ol class="breadcrumb">
                    <li>
                        <a href="{{url('')}}">Home</a>
                    </li>
                    <li>Contact Us</li>
                </ol>
            </div>
        </div>
    </div>
</section>

<!-- contact -->
<section class="section">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 offset-lg-1 col-md-5">
                <h2 class="section-title">Contact Us</h2>
                <ul class="pl-0">
                    <!-- contact items -->
                    <li class="d-flex mb-30">
                        <i class="round-icon mr-3 ti-mobile"></i>
                        <div class="align-self-center font-primary">
                            <p>+92-343-1531215</p>
                        </div>
                    </li>
                    <li class="d-flex mb-30">
                        <i class="round-icon mr-3 ti-email"></i>
                        <div class="align-self-center font-primary">
                            <p>mail@cespakistan.com</p>
                        </div>
                    </li>
                    <li class="d-flex mb-30">
                        <i class="round-icon mr-3 ti-map-alt"></i>
                        <div class="align-self-center font-primary">
                            <p>Building No.14,
                                Sanitary Market Faqeer Appy Road I-11/3
                                </p>
                            <p>Islamabad, Pakistan</p>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- form -->
            <div class="col-lg-6 col-md-7">
                <div class="p-5 rounded box-shadow">
                    <form action="#" class="row contact-form">
                        <div class="col-lg-12">
                            <h3>Contact Form</h3>
                        </div>
                        <div class="col-lg-6">
                            <input type="text" name="name" id="name" class="form-control contact_name" placeholder="Your Name" required>
                        </div>
                        <div class="col-lg-6">
                            <input type="email" class="form-control contact_email" name="email" id="email" placeholder="Your Email" required>
                        </div>
                        <div class="col-lg-12">
                            <input type="text" name="subject" id="subject" class="form-control contact_subject" placeholder="Subject" required>
                        </div>
                        <div class="col-lg-12">
                            <textarea class="form-control p-2 contact_message" name="message" id="message" placeholder="Your Message Here..." required style="height: 150px;"></textarea>
                        </div>
                        <div class="col-lg-12">
                            <button class="btn btn-primary contact_btn" value="send">Submit Now</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="map">
    <!-- Google Map -->
{{--    <div id="map_canvas"></div>--}}
</section>

@include("footer")

</body>

</html>
