<?php include('include/head.php'); ?>

<body>
    <!-- Spinner Start -->
    <div id="spinner"
        class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
        <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
            <span class="sr-only">Loading...</span>
        </div>
    </div>
    <!-- Spinner End -->


    <?php include('include/header.php'); ?> 


    <!-- Header Start -->
    <div class="container-fluid bg-primary page-header">
        <div class="container ">
            <div class="row justify-content-center">
                <div class="col-lg-10">
                    <h1 class="text-white animated slideInDown">Contact</h1>
                    <!--<nav aria-label="breadcrumb">-->
                    <!--    <ol class="breadcrumb justify-content-center">-->
                    <!--        <li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>-->
                    <!--        <li class="breadcrumb-item"><a class="text-white" href="#">Pages</a></li>-->
                    <!--        <li class="breadcrumb-item text-white active" aria-current="page">Contact</li>-->
                    <!--    </ol>-->
                    <!--</nav>-->
                </div>
            </div>
        </div>
    </div>
    <!-- Header End -->


    <!-- Contact Start -->
    <!-- <div class="container-xxl py-5">
        <div class="container">
            <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
                <h6 class="section-title bg-white text-center text-primary px-3">Contact Us</h6>
                <h1 class="mb-5">Contact For Any Query</h1>
            </div>
            <div class="row g-4">

                <div class="col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
                    <h5>Get In Touch</h5>
                    <p class="mb-4">Best Car Service </p>
                    <div class="d-flex align-items-center mb-3">
                        <div class="d-flex align-items-center justify-content-center flex-shrink-0 bg-primary"
                            style="width: 50px; height: 50px;">
                            <i class="fa fa-map-marker-alt text-white"></i>
                        </div>
                        <div class="ms-3">
                            <h5 class="text-primary">Office</h5>
                            <p class="mb-0">Village- Guthavali Tikri</p>
                        </div>
                    </div>
                    <div class="d-flex align-items-center mb-3">
                        <div class="d-flex align-items-center justify-content-center flex-shrink-0 bg-primary"
                            style="width: 50px; height: 50px;">
                            <i class="fa fa-phone-alt text-white"></i>
                        </div>
                        <div class="ms-3">
                            <h5 class="text-primary">Mobile</h5>
                            <p class="mb-0">+91-6396286547</p>
                        </div>
                    </div>
                    <div class="d-flex align-items-center">
                        <div class="d-flex align-items-center justify-content-center flex-shrink-0 bg-primary"
                            style="width: 50px; height: 50px;">
                            <i class="fa fa-envelope-open text-white"></i>
                        </div>
                        <div class="ms-3">
                            <h5 class="text-primary">Email</h5>
                            <p class="mb-0">superfastcarhelpline@gmail.com</p>
                        </div>
                    </div>
                </div>

               

                <div class="col-lg-6 col-md-12 wow fadeInUp" data-wow-delay="0.5s">
                    <form>
                        <div class="row g-3">
                            <div class="col-md-6">
                                <div class="form-floating">
                                    <input type="text" class="form-control" id="name" placeholder="Your Name">
                                    <label for="name">Your Name</label>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-floating">
                                    <input type="number" class="form-control" id="number" placeholder="Number">
                                    <label for="number">Number</label>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-floating">
                                    <input type="email" class="form-control" id="email" placeholder="Your Email">
                                    <label for="email">E-mail</label>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-floating">
                                    <textarea class="form-control" placeholder="Leave a message here" id="message"
                                        style="height: 150px"></textarea>
                                    <label for="message">Message</label>
                                </div>
                            </div>
                            <div class="col-12 text-center ">
                                <button class="btn btn-primary  py-3" type="submit">Send Message</button>
                            </div>
                        </div>
                    </form>
                </div>




                <div class="col-lg-12 col-md-6 wow fadeInUp" data-wow-delay="0.3s">

                    <iframe
                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d30767436.40018197!2d60.94015550924214!3d19.721538331250493!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30635ff06b92b791%3A0xd78c4fa1854213a6!2sIndia!5e0!3m2!1sen!2sin!4v1715330457950!5m2!1sen!2sin"
                        width="100%" height="350" style="border:0;" allowfullscreen="" loading="lazy"
                        referrerpolicy="no-referrer-when-downgrade"></iframe>

                </div>

            </div>
        </div>
    </div> -->
    <!-- Contact End -->


      <!-- Contact Start -->
      <section class="final-contact">
        <div class="container overflow-hidden py-5 px-lg-0">
            <div class="container contact-page py-5 px-lg-0">
                <div class="row g-5 mx-lg-0">


                    <div class="col-md-6 pe-lg-0 wow fadeInRight" data-wow-delay="0.1s">


                        <div class="contact-info">

                            <h1>Connect with Our Team of Experts</h1>

                            <p>Contact our team of excellence-driven experts today to bring your project to life.</p>

                        </div>


                        <div class="row">


                            <div class="col-md-7 mt-3">

                                <p style="color: #000; font-size: 18px;
                                font-weight: 900;"> <a href="mailto:info@worcoz.com" style="color: black;"><i
                                            class="fa-solid fa-envelope fa-lg" ></i>
                                            info@worcoz.com </a> </p>
                            </div>

                            <div class="col-md-5 mt-3">

                                <p style="color: #000; font-size: 18px;
                                font-weight: 900;"> <a href="tel:+91-9667766613" style="color: black;"> <i class="fa-solid fa-phone fa-lg"
                                           ></i> +91-9667766613 </a> </p>


                            </div>

                            

                            <div class="col-md-12 mt-3">

                                <p style="color: #000; font-size: 18px;
                                font-weight: 900;"><i class="fa-solid fa-location-dot fa-lg" ></i> A-24, First Floor, Sector 63, Noida, Uttar Pradesh 201301</p>
                            </div>


                        </div>


                        <!-- <div class="contact-pic">

                            <h5>Want to Join Our Talented Team?</h5>

                            <img src="img/team-3.jpg" alt="" width="300px">

                        </div> -->


                        <div class="l-form__cta-box cta-box hide-desktop-less">
                           
                            <div class="cta-box__media">

                                <div class="title">
                                    Want to Join Our Talented Team? </div>

                                <picture class="c-picture c-image ">
                                    
                                    <img decoding="async"
                                        src="img/img-contact.webp"
                                        alt="woman-e1686147792291 V3" loading="lazy" class="">
                                </picture>

                            </div>
                        </div>



                        <!-- <div class="position-relative h-100">
                         
                            <iframe class=" w-100 h-100" style="object-fit: cover;"
                                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7010.38368850799!2d77.52436963818171!3d28.5339528285614!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cebcdd90671a7%3A0x442967b1a39eebf!2sDHRUV%20EXPRESS%20CONTAINER%20LINE%20PVT.%20LTD.!5e0!3m2!1sen!2sin!4v1714218275347!5m2!1sen!2sin"
                                width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"
                                referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </div> -->
                    </div>



                    <div class="col-md-6 contact-form wow fadeIn" data-wow-delay="0.1s">
                        <h6 class="text-secondary text-uppercase">Get In Touch</h6>
                        <h1 class="mb-4">Contact For Any Query</h1>
                        <!-- <p class="mb-4">The contact form is currently inactive. Get a functional and working contact
                            form
                            with Ajax & PHP in a few minutes. Just copy and paste the files, add a little code and
                            you're
                           .</p> -->
                        <div class="bg-light p-4" style="border-radius: 20px;">
                            <form method="POST" action="form.php">
                                
                                <div class="row g-3">
                                    <div class="col-md-6">
                                        <div class="form-floating">
                                            <input type="text" class="form-control" id="name" name="name-inquiry" placeholder="Your Name" required>
                                            <label for="name">Your Name *</label>
                                        </div>
                                    </div>


                                    <div class="col-md-6">
                                    <div class="form-floating">
                                      <input type="text" class="form-control" id="number" placeholder="Your Number" name="phone-inquiry" required oninput="validateNumber(this)">
                                      <label for="number">Your Number *</label>
                                      <span class="error" id="error-message"></span>
                                     </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="form-floating">
                                            <input type="email" class="form-control" id="email" name="email-inquiry"
                                                placeholder="Your Email">
                                            <label for="email">Your Email</label>
                                        </div>
                                    </div>

                                    <div class="col-12">
                                        <div class="form-floating">
                                            <textarea class="form-control" placeholder="Leave a message here"
                                                id="message" name="message-inquiry" style="height: 100px"></textarea>
                                            <label for="message">Message</label>
                                        </div>
                                    </div>

                                    <div class="col-12">
                                        <button class="btn btn-primary py-3" type="submit" name="submit-inquiry">Send Message</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>
    <!-- Contact End -->




<!-- ==== map section start ==== -->
    <section class="final-map">
        <div class="container">

        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d112030.31395736967!2d77.36007333547059!3d28.661296248945714!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cef8cdf6c7ca9%3A0x26e011dc817afe96!2sWorcoz%20Coworking!5e0!3m2!1sen!2sin!4v1717937749483!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>


        </div>
    </section>
<!-- ==== map section end ==== -->




 <?php include('include/footer.php'); ?> 

</body>

</html>