One Hat Cyber Team

View File Name : contact.php

<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>DiabEase Sugar and Thyroid Clinic</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- Favicon -->
    <link
      rel="icon"
      type="image/png"
      sizes="56x56"
      href="assets/images/diabease/DiabEaseLogo.png"
    />
    <!-- bootstrap CSS -->
    <link
      rel="stylesheet"
      href="assets/css/bootstrap.min.css"
      type="text/css"
      media="all"
    />

    <!-- animate CSS -->
    <link
      rel="stylesheet"
      href="assets/css/animate.css"
      type="text/css"
      media="all"
    />

    <!-- font-awesome CSS -->
    <link
      rel="stylesheet"
      href="assets/css/all.min.css"
      type="text/css"
      media="all"
    />
    <!-- font-flaticon CSS -->
    <link
      rel="stylesheet"
      href="assets/css/flaticon.css"
      type="text/css"
      media="all"
    />
    <!-- theme-default CSS -->
    <link
      rel="stylesheet"
      href="assets/css/theme-default.css"
      type="text/css"
      media="all"
    />

    <!-- meanmenu CSS -->
    <link
      rel="stylesheet"
      href="assets/css/meanmenu.min.css"
      type="text/css"
      media="all"
    />
    <!-- venobox CSS -->
    <link
      rel="stylesheet"
      href="venobox/venobox.css"
      type="text/css"
      media="all"
    />
    <!-- bootstrap icons -->
    <link
      rel="stylesheet"
      href="assets/css/bootstrap-icons.css"
      type="text/css"
      media="all"
    />
    <!-- magnific popup css -->
    <link
      rel="stylesheet"
      href="assets/css/magnific-popup.css"
      type="text/css"
      media="all"
    />

    <!-- carousel css -->
    <link
      rel="stylesheet"
      href="assets/css/owl.carousel.min.css"
      type="text/css"
      media="all"
    />

    <!-- Main Style CSS -->
    <link
      rel="stylesheet"
      href="assets/css/style.css"
      type="text/css"
      media="all"
    />
    <link rel="stylesheet" href="assets/css/odometer-theme-default.css" />
    <!-- responsive CSS -->
    <link rel="stylesheet" href="assets/css/aos.css" />
    <link
      rel="stylesheet"
      href="assets/css/responsive.css"
      type="text/css"
      media="all"
    />
    <link rel="stylesheet" href="assets/css/swiper-bundle.css" />
    <!-- modernizr js -->
    <script src="assets/js/vendor/modernizr-3.5.0.min.js"></script>
    <style>
    .breadcumb-area {
    background: url(assets/images/diabease/banner/banner.png);
    padding: 150px 0 165px;
    background-repeat: no-repeat;
    background-size: cover;
}

.style-inner .contact-icon a {
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 77px;
    border-radius: 40px;
    background-color: #0864ae;
    color: #fff;
    font-size: 30px;
    transition: 0.5s;
}

.style-four.contact-section .submit-button button {
    border: 0;
    outline: 0;
    padding: 16px 43px;
    margin-top: 8px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 500;
    border-radius: 10px;
    background-color: #0864ae;
    position: relative;
    z-index: 1;
    overflow: hidden;
    font-family: "Playfair Display";
}



.style-four.contact-section .submit-button button:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    transition: 0.5s;
    z-index: -1;
    right: -50px;
    border-right: 50px solid transparent;
    border-bottom: 80px solid #f04ba4;
    transform: translateX(-100%);
}

.style-four.contact-section .submit-button button:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    transition: 0.5s;
    left: -50px;
    border-left: 50px solid transparent;
    border-top: 80px solid #f04ba4;
    transform: translateX(100%);
    z-index: -1;
}
    </style>
  </head>
  <body>
  <?php include 'header.php' ?>
   
    <!--==================================================-->
    <!--start mediful breadcumb Area-->
    <!--==================================================-->
    <div class="breadcumb-area">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="breadcumb-content">
              <h4>Contact</h4>
              <ul class="breadcumb-list">
                <li><a href="index.php">Home</a></li>
                <li class="list-arrow">/</li>
                <li>Contact</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!--==================================================-->
    <!--end mediful breadcumb Area-->
    <!--==================================================-->

    <!--==================================================-->
    <!--start mediful contact area style-inner-->
    <!--==================================================-->
    <div class="contact-address-area style-inner">
      <div class="container">
        <div class="row contact-bg">
          <div class="col-lg-4 col-md-6 col-sm-6">
            <div class="single-contact-box">
              <div class="contact-icon">
<a href="https://maps.app.goo.gl/oL6jR2ttYWQrVx7c6" target="_blank">
    <i class="fa-solid fa-location-dot"></i>
</a>
              </div>
              <div class="contact-content">
                <div class="contact-box-title">
                  <h2>Office Address</h2>
                </div>
                <div class="contact-desc">
                  <p>309 3rf Floor Nms Icon Babam Dongri Railway Station Sector 19, Ulwe, Navi Mumbai - 410206</p>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 col-sm-6">
            <div class="single-contact-box">
              <div class="contact-icon">
                <a href="contact.html"><i class="fa-solid fa-phone"></i></a>
              </div>
              <div class="contact-content">
                <div class="contact-box-title">
                  <h2>Make A Call</h2>
                </div>
                <div class="contact-desc">
                  <p>+91 7947149459</p>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 col-sm-6">
            <div class="single-contact-box last">
              <div class="contact-icon">
                <a href="contact.html"><i class="fa-solid fa-envelope"></i></a>
              </div>
              <div class="contact-content">
                <div class="contact-box-title">
                  <h2>24/7 Supports</h2>
                </div>
                <div class="contact-desc">
                  <p>info@diabease.com</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!--==================================================-->
    <!--End mediful contact area style-inner-->
    <!--==================================================-->

    <!--==================================================-->
    <!--start mediful contact section style-four-->
    <!--==================================================-->
    <div class="contact-section style-four">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-5">
            <div class="google-map">
              
              <iframe
                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7546.185974280591!2d73.01869864516115!3d18.97150032492326!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7c33ac74a17f3%3A0x7315604e56b68e2e!2sNMS%20ICON!5e0!3m2!1sen!2sin!4v1742367513053!5m2!1sen!2sin"
                width="600"
                height="450"
                style="border: 0"
                allowfullscreen=""
                loading="lazy"
                referrerpolicy="no-referrer-when-downgrade"
              ></iframe>
            </div>
          </div>
         <div class="col-lg-7">
  <div class="row form-space">
    <form id="contactForm">
      <div class="row form">
        <div class="section-title left-text">
          <div class="section-sub-title">
            <h5>GET IN TOUCH</h5>
          </div>
          <div class="section-main-title">
            <h1>Write us Something</h1>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="form-box">
            <input
              type="text"
              name="Name"
              id="name"
              placeholder="Your Name *"
              required=""
            />
          </div>
        </div>
        <div class="col-lg-6">
          <div class="form-box">
            <input
              type="email"
              name="Email"
              id="email"
              placeholder="E-Mail *"
              required=""
            />
          </div>
        </div>
        <div class="col-lg-6">
          <div class="form-box">
            <input
              type="text"
              name="Phone"
              id="phone"
              placeholder="Phone No."
              required=""
            />
          </div>
        </div>
        <div class="col-lg-6">
          <div class="form-box">
            <input
              type="text"
              name="Subject"
              id="subject"
              placeholder="Subject *"
              required=""
            />
          </div>
        </div>
        <div class="col-lg-12">
          <div class="form-box">
            <textarea
              name="massage"
              id="massage"
              cols="30"
              rows="10"
              placeholder="Write Message"
            ></textarea>
          </div>
        </div>
       
        <div class="col-lg-12">
          <div class="submit-button">
            <button type="submit">Submit Message</button>
          </div>
        </div>
      </div>
    </form>
  </div>
</div>

<script>
  document.getElementById('contactForm').addEventListener('submit', function(event) {
    event.preventDefault();

    const name = document.getElementById('name').value;
    const email = document.getElementById('email').value;
    const phone = document.getElementById('phone').value;
    const subject = document.getElementById('subject').value;
    const message = document.getElementById('massage').value;

    const whatsappMessage = `Name: ${name}\nEmail: ${email}\nPhone: ${phone}\nSubject: ${subject}\nMessage: ${message}`;

    const whatsappUrl = `https://wa.me/7947149459?text=${encodeURIComponent(whatsappMessage)}`;

    window.open(whatsappUrl, '_blank');
  });
</script>

        </div>
      </div>
    </div>

    <?php include 'footer.php' ?>

    <script src="assets/js/vendor/jquery-3.6.2.min.js"></script>

    <script src="assets/js/odometer.min.js"></script>

    <script src="assets/js/bootstrap.min.js"></script>

    <script src="assets/js/imagesloaded.pkgd.min.js"></script>

    <script src="assets/js/isotope.pkgd.min.js"></script>

    <script src="venobox/venobox.js"></script>

    <script src="venobox/venobox.min.js"></script>

    <script src="assets/js/jquery.meanmenu.js"></script>

    <script src="assets/js/jquery.scrollUp.js"></script>

    <script src="assets/js/appear.js"></script>

    <script src="assets/js/magnific-popup-js.html"></script>

    <script src="assets/js/jquery.barfiller.js"></script>

    <script src="assets/js/swiper-bundle.js"></script>

    <script src="assets/js/owl.carousel.min.js"></script>

    <script src="assets/js/theme.js"></script>

    <script src="assets/js/my.js"></script>
  </body>

<!-- Mirrored from html.ditsolution.net/mediful/contact.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 21 Feb 2025 05:15:57 GMT -->
</html>