<?php
/**
 * Template Name: Contact
 */

get_header(); ?>
 <main class="main">

     <!-- Page Title -->
     <!-- <div class="page-title accent-background">
      <div class="container d-lg-flex justify-content-between align-items-center">
        <h1 style="font-size: 30px;" class="mb-2 mb-lg-0">Contact</h1>
        <nav class="breadcrumbs">
          <ol>
            <li ><a href="index.html">Home</a></li>
            <li  class="current">Contact</li>
          </ol>
        </nav>
      </div>
    </div> -->
    <!-- End Page Title -->
    <!-- Contact Section -->
    <section id="contact" class="contact section " style="margin-bottom: 60px;">

      <div class="mb-5">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3559.472003896107!2d80.96771888885499!3d26.856740999999996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x399bfdab5efa329b%3A0x5164a5bd09748cb0!2sUptron%20Powertronics%20Ltd!5e0!3m2!1sen!2sin!4v1746425290089!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
      <div class="container" data-aos="fade">

        <div class="row gy-5 gx-lg-5">

          <div class="col-lg-4">

            <div class="info">
              <h3>Get in touch</h3>
              <p>Looking for reliable IT solutions? Whether it's software development, cloud services, cybersecurity, or IT support, we've got you covered!</p>

              <div class="info-item d-flex">
                <i class="bi bi-geo-alt flex-shrink-0"></i>
                <div>
                  <h4>Location:</h4>
                  <p>1st Floor, STPI ,UPTRON Building, Samta Mulak Chauraha, Near Gomti Barrage, Gomti Nagar,Lucknow-U.P.-</p>
                </div>
              </div><!-- End Info Item -->

              <div class="info-item d-flex">
                <i class="bi bi-envelope flex-shrink-0"></i>
                <div>
                  <h4>Email:</h4>
                  <p> contact.techdomain@gmail.com</p>
                  <p>ceo@techdomain.in</p>
                </div>
              </div><!-- End Info Item -->

              <div class="info-item d-flex">
                <i class="bi bi-phone flex-shrink-0"></i>
                <div>
                  <h4>Call:</h4>
                  <p>+91-7905183073</p>
                </div>
              </div><!-- End Info Item -->

            </div>

          </div>

          <div class="col-lg-8">
            <form action="forms/contact.php" method="post" role="form" class="php-email-form">
              <div class="row">
                <div class="col-md-6 form-group">
                  <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" required="">
                </div>
                <div class="col-md-6 form-group mt-3 mt-md-0">
                  <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" required="">
                </div>
              </div>
              <div class="form-group mt-3">
                <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" required="">
              </div>
              <div class="form-group mt-3">
                <textarea class="form-control" name="message" placeholder="Message" required=""></textarea>
              </div>
              <div class="my-3">
                <div class="loading">Loading</div>
                <div class="error-message"></div>
                <div class="sent-message">Your message has been sent. Thank you!</div>
              </div>
              <div class="text-center"><button type="submit">Send Message</button></div>
            </form>
          </div><!-- End Contact Form -->

        </div>

      </div>

    </section><!-- /Contact Section -->

  </main>
<?php get_footer(); ?>
