<!doctype html>
<html dir="ltr" lang="en">
    <head>
        <!-- Meta Tags -->
        <meta name="viewport" content="width=device-width,initial-scale=1.0" />
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

        <!-- Page Title -->
        <title>Contact Us - Matrix Precision Works</title>

        <?php $page='contact-us'; include 'head.php'; ?>
    </head>
    <body class="tm-container-1300px has-side-panel side-panel-right">
        <?php include 'header.php'; ?>
		<div id="wrapper" class="clearfix">
            <!-- Start main-content -->
            <div class="main-content-area">
                <!-- Section: home -->
                <section class="page-title divider layer-overlay overlay-dark-8 section-typo-light bg-img-center" data-tm-bg-img="images/bg/contact-us-banner.jpg">
                    <div class="container pt-120 pb-120">
                        <!-- Section Content -->
                        <div class="section-content">
                            <div class="row">
                                <div class="col-md-12 text-center">
                                    <h2 class="title">Connect With Us</h2>
                                    <nav role="navigation" class="breadcrumb-trail breadcrumbs">
                                        <div class="breadcrumbs">
                                            <span class="trail-item trail-begin">
                                                <a href="index"><span>Home</span></a>
                                            </span>
                                            <span><i class="fa fa-angle-right"></i></span>
                                            <span class="trail-item trail-end active">Contact Us</span>
                                        </div>
                                    </nav>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <!-- Section: Contact Form -->
                <section id="contact" class="bg-white-f4 p-bt">
                    <div class="container">
                        <div class="section-content">
                            <div class="row">
                                <div class="col-lg-6 pr-80">
									<div class="title-wrapper mb-30">
                                                    <p class="subtitle">GET IN TOUCH</p>
                                                    <h2 class="title">Reach Out to Us</h2>
                                                    <div class="paragraph">
                                                        <p>
                                                            Reach out to us for expert guidance and customized solutions tailored to your needs. Whether you have a question, need support, or want to explore new opportunities, our team is here to help.
                                                        </p>
                                                    </div>
                                                </div>
                                    <div class="icon-box icon-left iconbox-centered-in-responsive iconbox-theme-colored1 animate-icon-on-hover animate-icon-rotate mb-50">
                                        <div class="icon-box-wrapper">
                                            <div class="icon-wrapper">
                                                <a class="icon icon-type-font-icon icon-dark icon-circled">
                                                    <i class="flaticon-contact-044-call-1"></i>
                                                </a>
                                            </div>
                                            <div class="icon-text">
                                                <h5 class="icon-box-title mt-0">Phone</h5>
                                                <div class="content"><a href="tel:+91-1234567582">+91-1234567582</a></div>
                                                <div class="content"><a href="tel:+91-1234567582">+91-1234567582</a></div>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                    <div
                                        class="icon-box icon-left iconbox-centered-in-responsive iconbox-theme-colored1 animate-icon-on-hover animate-icon-rotate mb-50"
                                    >
                                        <div class="icon-box-wrapper">
                                            <div class="icon-wrapper">
                                                <a class="icon icon-type-font-icon icon-dark icon-circled">
                                                    <i class="flaticon-contact-043-email-1"></i>
                                                </a>
                                            </div>
                                            <div class="icon-text">
                                                <h5 class="icon-box-title mt-0">Email</h5>
                                                <div class="content"> <a href="mailto:info@matrix.com"> info@matrix.com</a></div>
                                                <div class="content"> <a href="mailto:sales@matrix.com"> sales@matrix.com</a></div>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                    <div
                                        class="icon-box icon-left iconbox-centered-in-responsive iconbox-theme-colored1 animate-icon-on-hover animate-icon-rotate mb-50"
                                    >
                                        <div class="icon-box-wrapper">
                                            <div class="icon-wrapper">
                                                <a class="icon icon-type-font-icon icon-dark icon-circled">
                                                    <i class="flaticon-contact-025-world"></i>
                                                </a>
                                            </div>
                                            <div class="icon-text">
                                                <h5 class="icon-box-title mt-0">Address</h5>
                                                <div class="content">G1-283, RIICO Industrial Area Khushkhera, Khairthal Tijara, Raj. (301707)</div>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                    <ul class="styled-icons icon-dark icon-sm icon-circled mt-30">
                                        <li>
                                            <a href="#" data-tm-bg-color="#3B5998"><i class="fab fa-facebook"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-tm-bg-color="#02B0E8"><i class="fab fa-twitter"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-tm-bg-color="#4C75A3"><i class="fab fa-linkedin"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-tm-bg-color="#D9CCB9"><i class="fab fa-instagram"></i></a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-lg-6">
                                    <h2 class="mt-0 mb-10">Drop Us a Message</h2>
                                    <p class="">Fill out the form below and our team will get back to you shortly with the information or support you need.</p>

                                    <!-- Google reCAPTCHA -->
                                    <script src="../../recaptcha/api.js"></script>

                                    <!-- Contact Form -->
                                    <form
                                        id="contact_form"
                                        name="contact_form"
                                        class=""
                                        action="includes/sendmail-recaptcha.php"
                                        method="post"
                                    >
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <div class="mb-3">
                                                    <label>Name <small>*</small></label>
                                                    <input
                                                        name="form_name"
                                                        class="form-control"
                                                        type="text"
                                                        placeholder="Enter Name"
                                                    />
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="mb-3">
                                                    <label>Email <small>*</small></label>
                                                    <input
                                                        name="form_email"
                                                        class="form-control required email"
                                                        type="email"
                                                        placeholder="Enter Email"
                                                    />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <div class="mb-3">
                                                    <label>Subject <small>*</small></label>
                                                    <input
                                                        name="form_subject"
                                                        class="form-control required"
                                                        type="text"
                                                        placeholder="Enter Subject"
                                                    />
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="mb-3">
                                                    <label>Phone</label>
                                                    <input
                                                        name="form_phone"
                                                        class="form-control"
                                                        type="text"
                                                        placeholder="Enter Phone"
                                                    />
                                                </div>
                                            </div>
                                        </div>

                                        <div class="mb-3">
                                            <label>Message</label>
                                            <textarea
                                                name="form_message"
                                                class="form-control required"
                                                rows="5"
                                                placeholder="Enter Message"
                                            ></textarea>
                                        </div>
                                        <div class="mb-3">
                                            <div
                                                class="g-recaptcha"
                                                data-sitekey="6LcFfhAUAAAAAM-OQbebKGpCxrT_-xkr_rEVXCfu"
                                            ></div>
                                        </div>
                                        <div class="mb-3">
                                            <input name="form_botcheck" class="form-control" type="hidden" value="" />
                                            <button
                                                type="submit"
                                                class="btn btn-flat btn-theme-colored1 text-uppercase mt-10 mb-sm-30 border-left-theme-color-2-4px"
                                                data-loading-text="Please wait..."
                                            >
                                                Send message
                                            </button>
                                            <button
                                                type="reset"
                                                class="btn btn-flat btn-theme-colored3 text-uppercase mt-10 mb-sm-30 border-left-theme-color-2-4px"
                                            >
                                                Reset
                                            </button>
                                        </div>
                                    </form>

                                    <!-- Contact Form Validation-->
                                    <script>
                                        (function ($) {
                                            $("#contact_form").validate({
                                                submitHandler: function (form) {
                                                    var form_btn = $(form).find('button[type="submit"]');
                                                    var form_result_div = "#form-result";
                                                    $(form_result_div).remove();
                                                    form_btn.before(
                                                        '<div id="form-result" class="alert alert-success" role="alert" style="display: none;"></div>'
                                                    );
                                                    var form_btn_old_msg = form_btn.html();
                                                    form_btn.html(form_btn.prop("disabled", true).data("loading-text"));
                                                    $(form).ajaxSubmit({
                                                        dataType: "json",
                                                        success: function (data) {
                                                            if (data.status == "true") {
                                                                $(form).find(".form-control").val("");
                                                            }
                                                            form_btn.prop("disabled", false).html(form_btn_old_msg);
                                                            $(form_result_div).html(data.message).fadeIn("slow");
                                                            setTimeout(function () {
                                                                $(form_result_div).fadeOut("slow");
                                                            }, 6000);
                                                        },
                                                    });
                                                },
                                            });
                                        })(jQuery);
                                    </script>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- End Divider -->

                <!-- Section: Contact -->
                <section>
                    <div class="container-fluid p-0">
                        <div class="row">
                            <div class="col-md-12">
                                <iframe
                                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14074.96740585079!2d76.7906868109419!3d28.12389616176206!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d4a2ea525cf33%3A0xa29aad72149095a9!2sRIICO%20Industrial%20Area%2C%20Khushkhera%2C%20Rajasthan%20301018!5e0!3m2!1sen!2sin!4v1775463706717!5m2!1sen!2sin"
                                    data-tm-width="100%"
                                    height="600"
                                    allowfullscreen=""
                                ></iframe>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
            <!-- end main-content -->

        <!-- Footer -->
        <?php include 'footer.php'; ?>
        </div>
        <!-- end wrapper -->

        <!-- Footer Scripts -->
        <!-- JS | Custom script for all pages -->
        <script src="js/custom.js"></script>
    </body>
</html>
