<!DOCTYPE html>
<html lang="en">


<!-- Added by HTTrack -->
<meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <title>Mind Relax</title>
  <meta name="description"
    content="Mind Relax">
  <?php include("head.php"); ?>
</head>

<body>

  <?php include("menu.php"); ?>
  <main>


    <section class="section page-title-section innerbanner">
      <div class="bg-overlay-secondary"></div>
      <div class="b-container h-100 position-relative pt-4 text-white z-2">
        <div
          class="col-10 d-flex flex-column w-100 h-100 justify-content-center align-items-center text-center text-white gap-3 font-1">
          <h1 class="display-2 mb-0 fw-900">Contact Us</h1>
          <nav aria-label="breadcrumb fw-900">
            <ol class="breadcrumb justify-content-center align-items-center">
              <li class="breadcrumb-item font-1">
                <a class="text-decoration-none text-primary-color" href="index">Home</a>
              </li>
              <li class="breadcrumb-item text-white active" aria-current="page">Contact Us</li>
            </ol>
          </nav>
        </div>
      </div>
    </section>
    <!-- Contact section -->
    <section class="section py-5 my-5">
      <div class="b-container">
        <div class="row justify-content-center g-5">

          <!-- Information -->
          <div class="col-12 col-lg-6 order-1 order-lg-2">
            <div class="row">
              <p class="fs-5 text-primary-color fw-semibold mb-2 getcontact">GET IN TOUCH</p>
              <h2 class="font-1 fw-800 mb-3">Contact Details</h2>
            </div>
            <div class="row g-3">
              <div class="col-12 col-md-12">
                <div class="card text-center rounded-5 border-2 border-primary-color" data-aos="fade-down"
                  data-aos-easing="ease-out-cubic" data-aos-delay="250" data-aos-duration="1000">
                  <div class="card-body d-flex flex-column align-items-center font-1">
                    <div class="contact-icon-circle">
                      <i class="bi bi-geo-alt-fill fs-2 text-white"></i>
                    </div>
                    <h3 class="fs-4 card-title mt-3 fw-bolder">Address</h3>
                    <p class="card-text text-muted-color">Mind Relax, Kalymnos, 1,
                      "QMERITO", Floor 4,
                      Algios Nikolaos, Kamares,
                      6037, Larnaca, Cyprus </p>
                  </div>
                </div>
              </div>
              <div class="col-12 col-md-12">
                <div class="card text-center rounded-5 border-2 border-primary-color" data-aos="fade-down"
                  data-aos-easing="ease-out-cubic" data-aos-delay="250" data-aos-duration="1000">
                  <div class="card-body d-flex flex-column align-items-center font-1">
                    <div class="contact-icon-circle">
                      <i class="bi bi-envelope-fill fs-2 text-white"></i>
                    </div>
                     <h3 class="fs-4 card-title mt-3 fw-bolder">Need Support?</h3>
                      <p class="card-text text-muted-color">info@mindrelax.com</p>
                  </div>
                </div>
              </div>
              <!-- <div class="col-12 col-md-6">
            <div class="card text-center rounded-5 border-2 border-primary-color" data-aos="fade-left"
              data-aos-easing="ease-out-cubic" data-aos-delay="500" data-aos-duration="1000">
              <div class="card-body d-flex flex-column align-items-center font-1">
                <div class="contact-icon-circle">
                  <i class="bi bi-envelope-fill fs-2 text-white"></i>
                </div>
                <h3 class="fs-4 card-title mt-3 fw-bolder">Need Support?</h3>
                <p class="card-text text-muted-color">support@lexasoft.info</p>
              </div>
            </div>
          </div> -->
          
            </div>
          </div>
          <!-- #information end -->

        <!-- Form contact -->
<div class="col-12 col-lg-6 order-2 order-lg-1">
  <div class="card bg-secondary-color-2 rounded-5 border-0 formcon">
    <div class="card-body p-5">

      <!-- Form -->
      <form method="POST" action="sendmail.php">

        <div class="row g-3">

          <!-- Name -->
          <div class="col-lg-6 col-sm-12">
            <label class="form-label font-1 fs-4 fw-bold">Name</label>
            <input type="text" class="form-control form-control-lg rounded-5" name="name"
              placeholder="Your name here" required>
          </div>

          <!-- Email -->
          <div class="col-lg-6 col-sm-12">
            <label class="form-label font-1 fs-4 fw-bold">Email</label>
            <input type="email" class="form-control form-control-lg rounded-5" name="email"
              placeholder="Your email here" required>
          </div>

          <!-- Phone -->
          <div class="col-12">
            <label class="form-label font-1 fs-4 fw-bold">Phone</label>
            <input type="tel" class="form-control form-control-lg rounded-5" name="phone"
              placeholder="Your phone number" required>
          </div>

          <!-- Message -->
          <div class="col-12">
            <label class="form-label font-1 fs-4 fw-bold">Message</label>
            <textarea class="form-control form-control-lg rounded-5" name="message" rows="5"
              placeholder="Your message here" required></textarea>
          </div>

          <!-- Submit -->
          <div class="col-12">
            <button class="btn btn-primary-solid mt-4 w-100" type="submit">
              Submit Now
            </button>
          </div>

        </div>

      </form>

    </div>
  </div>
</div>
        </div>
        <!-- #form end -->


      </div>
      </div>
    </section>
    <!-- #contact end -->

    <!-- Map section -->
    <!-- <div class="section p-0 m-0">
  <div class="container-fluid p-0 m-0">
    <div class="row justify-content-center">
      <div class="col-12">
        <div class="map-container">
          <iframe
            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3153.1234567890123!2d-122.4194156846814!3d37.7749292797599!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8085808c8c8c8c8c%3A0x8c8c8c8c8c8c8c8c!2s123%20Serenity%20Lane%2C%20Blissfield%2C%20CA%2090210%2C%20United%20States!5e0!3m2!1sen!2sus!4v1631234567890"
            height="350" style="width: 100%; border:0;" allowfullscreen="" loading="lazy"></iframe>
        </div>
      </div>
    </div>
  </div>
</div> -->
    <!-- #map end -->


  </main>

  <?php include("footer.php"); ?>
</body>


</html>