Current File : /home/inlingua/www/avconexpoarchitects.in/includes/footer.php
<style>
  /* Footer form look & feel (dark theme) */
  .footer-wrapper .widget_title {
    margin-bottom: 18px;
  }

  .footer-wrapper .appointment-form .form-control::placeholder {
    color: rgba(255,255,255,0.65);
  }

  .footer-wrapper .appointment-form .form-control,
  .footer-wrapper .appointment-form .form-select {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: #e6e6e6;
    border-radius: 0px;
    padding: 5px 10px;
  }

  /* Options inside dropdown */
  .footer-wrapper .appointment-form .form-select option {
    background-color: #1c2b30;
    /* dark background */
    color: #e6e6e6;
    /* light text */
  }

  /* Ensure textarea looks consistent */
  .footer-wrapper .appointment-form textarea {
    resize: none;
  }
  .footer-wrapper .appointment-form textarea#footer_address {
    min-height: 70px !important;
  }

  /* Better native select arrow on dark bg */
  .footer-wrapper .appointment-form .form-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image:
      url("data:image/svg+xml,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23ffffff' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 12px 8px;
    padding-right: 38px;
  }

  /* Button spacing & alignment */
  .footer-wrapper .appointment-form .th-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }

  /* Make grid tidy on small screens */
  @media (max-width: 575.98px) {
    .footer-wrapper .appointment-form .row.g-3>[class*="col-"] {
      margin-bottom: .25rem;
    }
  }
</style>

<footer class="footer-wrapper footer-layout4 footer-default bg-theme">
  <div class="container">
    <div class="footer-wrap"><!-- remove .space-top class for top padding -->
      <div class="widget-area">
        <div class="row justify-content-around">

          <!-- About -->
          <!-- <div class="col-md-6 col-xl-3">
            <div class="widget footer-widget">
              <div class="th-widget-about">
                <div class="about-logo">
                  <a href="<?php echo BASE_URL; ?>">
                    <img src="<?php echo IMG_PATH; ?>/logo.png" alt="AVCONEXPO Architects">
                  </a>
                </div>
                <p class="about-text">
                  We engage with customers across their value chain helping to design, build, operate, and maintain the products and services that make them leaders and respected brands in their industries and markets.
                </p>
              </div>
            </div>
          </div> -->

          <!-- Contact Form -->
          <div class="col-12 col-xl-4">
            <div class="widget footer-widget">
              <h3 class="widget_title">Quick Enquiry</h3>

              <form action="mail.php" method="POST" class="appointment-form ajax-contact" id="footer-enquiry-form">
                <div class="row g-3">

                  <!-- Name -->
                  <div class="col-md-6">
                    <input type="text" class="form-control" name="name" id="footer_name" placeholder="Your Name*" required>
                  </div>

                  <!-- Phone -->
                  <div class="col-md-6">
                    <input type="tel" class="form-control" name="phone" id="footer_phone" placeholder="Your Phone*" required>
                  </div>

                  <!-- Email -->
                  <div class="col-md-12">
                    <input type="email" class="form-control" name="email" id="footer_email" placeholder="Your Email*" required>
                  </div>

                  <!-- Address -->
                  <div class="col-12">
                    <textarea name="address" id="footer_address" class="form-control" rows="2" placeholder="Your Address"></textarea>
                  </div>

                  <!-- Message -->
                  <div class="col-12">
                    <textarea name="message" id="footer_message" class="form-control" rows="4" placeholder="Type Your Message" required></textarea>
                  </div>

                  <!-- Honeypot (spam trap) -->
                  <div class="d-none">
                    <input type="text" name="website" tabindex="-1" autocomplete="off">
                  </div>

                  <!-- Submit -->
                  <div class="col-12 mt-2">
                    <button type="submit" class="th-btn btn-sm bg-white text-dark">
                      Submit Message
                    </button>
                  </div>
                </div>
                <p class="form-messages mb-0 mt-3"></p>
              </form>
            </div>
          </div>

          <!-- Get In Touch -->
          <div class="col-md-6 col-xl-auto">
            <div class="widget footer-widget">
              <h3 class="widget_title">Get In Touch</h3>
              <div class="th-widget-contact">
                <div class="info-box_text">
                  <div class="icon"><img src="<?php echo IMG_PATH; ?>/icon/location-dot.svg" alt="img"></div>
                  <div class="details">
                    <p>1/6/55, Sector J, Pocket 6, <br>Sushant Golf City, <br>Lucknow - 226030, UP, India</p>
                  </div>
                </div>
                <div class="info-box_text">
                  <div class="icon"><img src="<?php echo IMG_PATH; ?>/icon/phone.svg" alt="img"></div>
                  <div class="details">
                    <p><a href="tel:+91-9711521600" class="info-box_link">+91-9711521600</a></p>
                  </div>
                </div>
                <div class="info-box_text">
                  <div class="icon"><img src="<?php echo IMG_PATH; ?>/icon/envelope.svg" alt="img"></div>
                  <div class="details">
                    <p><a href="mailto:contacts@avconexpoarchitects.com" class="info-box_link">contacts@avconexpoarchitects.com</a></p>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <!-- Useful Link -->
          <div class="col-md-6 col-xl-auto">
            <div class="widget widget_nav_menu footer-widget">
              <h3 class="widget_title">Useful Link</h3>
              <div class="menu-all-pages-container">
                <ul class="menu">
                  <li><a href="<?php echo BASE_URL; ?>">Home</a></li>
                  <li><a href="<?php echo BASE_URL; ?>/about.php">About Us</a></li>
                  <li><a href="<?php echo BASE_URL; ?>/services.php">Our Services</a></li>
                  <li><a href="<?php echo BASE_URL; ?>/projects.php">Our Projects</a></li>
                  <li><a href="<?php echo BASE_URL; ?>/blog.php">Blog</a></li>
                  <li><a href="<?php echo BASE_URL; ?>/contact.php">Contact Us</a></li>
                </ul>
              </div>
            </div>
          </div>

          <!-- Our Services -->
          <div class="col-md-6 col-xl-auto">
            <div class="widget widget_nav_menu footer-widget">
              <h3 class="widget_title">Our Services</h3>
              <div class="menu-all-pages-container">
                <ul class="menu">
                  <li><a href="<?php echo BASE_URL; ?>/architectural-design.php">Architectural Design</a></li>
                  <li><a href="<?php echo BASE_URL; ?>/interior-design.php">Interior Design</a></li>
                  <li><a href="<?php echo BASE_URL; ?>/landscape-design.php">Landscape Design</a></li>
                </ul>
              </div>
            </div>
          </div>

        </div><!-- /.row -->
      </div>
    </div>
  </div>

  <div class="copyright-wrap bg-light">
    <div class="container">
      <div class="row gy-3 align-items-center">
        <div class="col-lg-6">
          <p class="copyright-text">
            Copyright <i class="fal fa-copyright"></i> 2019
            <a href="<?php echo BASE_URL; ?>"><?php echo $meta['sitename']; ?></a>, All rights reserved.
          </p>
        </div>
      </div>
    </div>
  </div>
</footer>

<div class="scroll-top">
  <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
    <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;"></path>
  </svg>
</div>

<script src="<?php echo JS_PATH; ?>/vendor/jquery-3.7.1.min.js"></script>
<script src="<?php echo JS_PATH; ?>/swiper-bundle.min.js"></script>
<script src="<?php echo JS_PATH; ?>/bootstrap.min.js"></script>
<script src="<?php echo JS_PATH; ?>/jquery.magnific-popup.min.js"></script>
<script src="<?php echo JS_PATH; ?>/jquery.counterup.min.js"></script>
<script src="<?php echo JS_PATH; ?>/jquery-ui.min.js"></script>
<script src="<?php echo JS_PATH; ?>/imagesloaded.pkgd.min.js"></script>
<script src="<?php echo JS_PATH; ?>/isotope.pkgd.min.js"></script>
<script src="<?php echo JS_PATH; ?>/gsap.min.js"></script>
<script src="<?php echo JS_PATH; ?>/jquery.datetimepicker.min.js"></script>
<script src="<?php echo JS_PATH; ?>/threesixty.min.js"></script>
<script src="<?php echo JS_PATH; ?>/panolens.min.js"></script>
<script src="<?php echo JS_PATH; ?>/main.js"></script>

</body>

</html>