📄 File: contact-us.php

Path: /home2/outerorb/zapnixsemiconductor.com/contact-us.php

Size: 7.78 KB

Permissions: 0666

<?php include 'include/header.php';?>
<?php include 'include/navigation.php';?>
    <div class="page-header parallaxie">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-12">
                    <div class="page-header-box">
                        <h1 class="wow fadeInUp" data-cursor="-opaque">Contact us</h1>
                        <nav class="wow fadeInUp" data-wow-delay="0.2s">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="index.php">home</a></li>
                                <li class="breadcrumb-item active" aria-current="page">contact us</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="page-contact-us">
        <div class="container">
            <div class="row section-row">
                <div class="col-lg-12">
                    <div class="section-title">
                        <h3 class="wow fadeInUp">contact us</h3>
                        <h2 class="wow fadeInUp" data-wow-delay="0.2s" data-cursor="-opaque">Do you have questions? <span>ask us anytime</span></h2>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12">
                    <div class="page-contact-box parallaxie">
                        <div class="contact-info-list">
                            <div class="contact-info-item wow fadeInUp">
                                <div class="icon-box">
                                    <img src="images/icon-phone-accent.svg" alt="">
                                </div>
                                <div class="contact-info-content">
                                    <h3>contact us</h3>
                                    <p>Please email us to know more</p>
                                </div>
                            </div>
                            <div class="contact-info-item wow fadeInUp" data-wow-delay="0.2s">
                                <div class="icon-box">
                                    <img src="images/icon-mail-accent.svg" alt="">
                                </div>
                                <div class="contact-info-content">
                                    <h3>e-mail us</h3>
                                    <p><a href="mailto:info@zapnixsemiconductor.com">info@zapnixsemiconductor.com</a></p>
                                    <p><a href="mailto:subia.ahmad@zapnixsemiconductor.com">subia.ahmad@zapnixsemiconductor.com</a></p>
                                </div>
                            </div>
                            <div class="contact-info-item wow fadeInUp" data-wow-delay="0.4s">
                                <div class="icon-box">
                                    <img src="images/icon-location.svg" alt="">
                                </div>
                                <div class="contact-info-content">
                                    <h3>our location</h3>
                                    <p>55 Village Centre Pl. Mississauga, Ontario L4Z 1V9, CANADA</p>
                                </div>
                            </div>
                        </div>
                        <div class="contact-us-form">
                            <div class="section-title dark-section wow fadeInUp">
                                <h2 class="wow fadeInUp" data-cursor="-opaque">Get in touch with us</h2>
                            </div>
                            <div class="member-contact-form contact-form">
                                <form id="contactForm" method="POST" data-toggle="validator" class="wow fadeInUp" data-wow-delay="0.2s">
                                    <div class="row">                                
                                        <div class="form-group col-md-6 mb-4">
                                            <input type="text" name="fname" class="form-control" id="fname" placeholder="First name" required>
                                            <div class="help-block with-errors"></div>
                                        </div>
        
                                        <div class="form-group col-md-6 mb-4">
                                            <input type="text" name="lname" class="form-control" id="lname" placeholder="Last name" required>
                                            <div class="help-block with-errors"></div>
                                        </div>
        
                                        <div class="form-group col-md-6 mb-4">
                                            <input type="text" name="phone" class="form-control" id="phone" placeholder="Enter Your Phone No." required>
                                            <div class="help-block with-errors"></div>
                                        </div>
        
                                        <div class="form-group col-md-6 mb-4">
                                            <input type="email" name ="email" class="form-control" id="email" placeholder="Enter Your E-mail" required>
                                            <div class="help-block with-errors"></div>
                                        </div>
        
                                        <div class="form-group col-md-12 mb-5">
                                            <textarea name="message" class="form-control" id="message" rows="4" placeholder="Write Message"></textarea>
                                            <div class="help-block with-errors"></div>
                                        </div>
        
                                        <div class="col-md-12">
                                            <button type="submit" class="btn-default btn-highlighted"><span>submit message</span></button>
                                            <div id="msgSubmit" class="h3 hidden"></div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!-- Page Contact Box End -->
                </div>
            </div>
        </div>
    </div>
    <div class="google-map">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <div class="google-map-iframe">                        
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3093.827587335219!2d-75.52709222497626!3d39.155902931411376!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c764aa7c4428d1%3A0x7b6820145593d386!2s8%20The%20Green%20B%2C%20Dover%2C%20DE%2019901%2C%20USA!5e0!3m2!1sen!2sin!4v1747670300370!5m2!1sen!2sin"  allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
   
<?php include 'include/footer.php';?>
 <script>
  $("#contactForm").on("submit", function (e) {
    e.preventDefault(); // prevent default form submission

    $.ajax({
      type: "POST",
      url: "/include/contact-mail.php",
      data: $(this).serialize(),
      success: function (response) {
        if (response.trim() === "success") {
          $("#contactForm")[0].reset();
          $("#msgSubmit").removeClass().addClass("h4 text-success").text("Message sent successfully!");
        } else {
          $("#msgSubmit").removeClass().addClass("h4 text-danger").text(response);
        }
      },
      error: function () {
        $("#msgSubmit").removeClass().addClass("h4 text-danger").text("Something went wrong. Please try again.");
      }
    });
  });
</script>

← Back to Directory Edit File 🔒 Chmod