File "contact.php"

Full Path: /home/wrisexaf/public_html/zaphyrz/contact.php
File size: 6.38 KB
MIME-type: text/x-php
Charset: utf-8

<?php include './include/header.php';?>
    <div class="breadcumb-wrapper" data-bg-src="assets/img/bg/breadcumb-bg.jpg">
      <div class="container">
        <div class="breadcumb-content">
          <h1 class="breadcumb-title">Contact Us</h1>
          <ul class="breadcumb-menu">
            <li><a href="index.html">Home</a></li>
            <li>Contact Us</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="space">
      <div class="container">
        <div class="row gy-4">
          <div class="col-xl-4 col-md-6">
            <div class="contact-info">
              <div class="contact-info_icon">
                <i class="fas fa-location-dot"></i>
              </div>
              <div class="media-body">
                <h4 class="box-title">Our Office Address</h4>
                <span class="contact-info_text"
                  >Zaphyr 4801 Glenwood Ave #200, Raleigh, North Carolina, United States,</span
                >
              </div>
            </div>
          </div>
          <div class="col-xl-4 col-md-6">
            <div class="contact-info">
              <div class="contact-info_icon"><i class="fas fa-phone"></i></div>
              <div class="media-body">
                <h4 class="box-title">Call Us Anytime</h4>
                <span class="contact-info_text"
                  >
                  <a href="tel:+2026185837">(202) 618 5837</a></span
                >
              </div>
            </div>
          </div>
          <div class="col-xl-4 col-md-6">
            <div class="contact-info">
              <div class="contact-info_icon">
                <i class="fas fa-envelope"></i>
              </div>
              <div class="media-body">
                <h4 class="box-title">Send An Email</h4>
                <span class="contact-info_text"
                  ><a href="mailto:hello@zaphyrx.com"
                    >hello@zaphyrx.com</a
                  >
                  
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      class="bg-smoke space"
      data-bg-src="assets/img/bg/contact_bg_1.png"
      id="contact-sec"
    >
      <div class="container">
        <div class="row">
          <div class="col-xl-8">
            <div class="title-area mb-35 text-xl-start text-center">
              <span class="sub-title"
                ><div class="icon-masking me-2">
                  <span
                    class="mask-icon"
                    data-mask-src="assets/img/theme-img/title_shape_2.svg"
                  ></span>
                  <img
                    src="assets/img/theme-img/title_shape_2.svg"
                    alt="shape"
                  />
                </div>
                contact with us!</span
              >
              <h2 class="sec-title">Have Any Questions?</h2>
              <p class="sec-text">
                Enthusiastically disintermediate one-to-one leadership via
                business e-commerce. Dramatically reintermediate compelling
                process improvements rather than empowered relationships.
              </p>
            </div>
            <form
              action="https://html.ZaphyrZ.com/webteck/demo/mail.php"
              method="POST"
              class="contact-form ajax-contact"
            >
              <div class="row">
                <div class="form-group col-md-6">
                  <input
                    type="text"
                    class="form-control"
                    name="name"
                    id="name"
                    placeholder="Your Name"
                  />
                  <i class="fal fa-user"></i>
                </div>
                <div class="form-group col-md-6">
                  <input
                    type="email"
                    class="form-control"
                    name="email"
                    id="email"
                    placeholder="Email Address"
                  />
                  <i class="fal fa-envelope"></i>
                </div>
                <div class="form-group col-md-6">
                  <select name="subject" id="subject" class="form-select">
                    <option
                      value=""
                      disabled="disabled"
                      selected="selected"
                      hidden
                    >
                      Select Subject
                    </option>
                    <option value="Web Development">Web Development</option>
                    <option value="Brand Marketing">Brand Marketing</option>
                    <option value="UI/UX Designing">UI/UX Designing</option>
                    <option value="Digital Marketing">Digital Marketing</option>
                  </select>
                  <i class="fal fa-chevron-down"></i>
                </div>
                <div class="form-group col-md-6">
                  <input
                    type="tel"
                    class="form-control"
                    name="number"
                    id="number"
                    placeholder="Phone Number"
                  />
                  <i class="fal fa-phone"></i>
                </div>
                <div class="form-group col-12">
                  <textarea
                    name="message"
                    id="message"
                    cols="30"
                    rows="3"
                    class="form-control"
                    placeholder="Your Message"
                  ></textarea>
                  <i class="fal fa-comment"></i>
                </div>
                <div class="form-btn text-xl-start text-center col-12">
                  <button class="th-btn">
                    Send Message<i class="fa-regular fa-arrow-right ms-2"></i>
                  </button>
                </div>
              </div>
              <p class="form-messages mb-0 mt-3"></p>
            </form>
          </div>
        </div>
      </div>
    </div>
    <div class="map-sec">
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d166655.68232086362!2d-123.43572844991158!3d49.25753999577856!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x548673f143a94fb3%3A0xbb9196ea9b81f38b!2sVancouver%2C%20BC%2C%20Canada!5e0!3m2!1sen!2s!4v1729297737766!5m2!1sen!2s" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
    </div>
    <?php include './include/footer.php';?>