<a href="https://api.whatsapp.com/send?phone=971589187475&text=Hello" class="float" target="_blank">
<i class="fa fa-whatsapp my-float"></i>
</a>
<footer class="bg-gray">
    <div class="container py-13 py-md-15">
      <div class="d-lg-flex flex-row align-items-lg-center">
        <h3 class="display-3 ls-sm mb-6 mb-lg-0 pe-lg-20 pe-xl-22 pe-xxl-25">Habibi, Come to Dubai!</h3>
        <a href="visa-application" class="btn btn-lg btn-primary rounded">Apply Now</a>
      </div>

      <hr class="mt-11 mb-12" />
      <div class="row gy-6 gy-lg-0">
        <div class="col-md-4 col-lg-3">
          <div class="widget">
            <img class="mb-4" src="logo.png" srcset="logo.png" alt="" />
            <p class="mb-4">© 2022 DubaiTourVisa <br class="d-none d-lg-block" />All rights reserved.</p>
            <nav class="nav social social-muted">
              <a href="#"><i class="uil uil-twitter"></i></a>
              <a href="#"><i class="uil uil-facebook-f"></i></a>
              <a href="#"><i class="uil uil-dribbble"></i></a>
              <a href="#"><i class="uil uil-instagram"></i></a>
              <a href="#"><i class="uil uil-youtube"></i></a>
            </nav>

          </div>

        </div>

        <div class="col-md-4 col-lg-3">
          <div class="widget">
            <h4 class="widget-title ls-sm mb-3">Get in Touch</h4>
            <address class="pe-xl-15 pe-xxl-17">1202, Musalla Tower, Bur Dubai, Dubai DU 122347, United Arab Emirates</address>
            <a href="mailto:inquiry@onlydubaivisa.com" class="link-body">inquiry@onlydubaivisa.com</a><br /> +971 42087445
          </div>

        </div>

        <div class="col-md-4 col-lg-3">
          <div class="widget">
            <h4 class="widget-title ls-sm mb-3">Naviagte To</h4>
            <ul class="list-unstyled text-reset mb-0">
              <li><a href="documents">Document Required</a></li>
              <li><a href="ok-to-board">Ok to Board</a></li>
              <li><a href="blog">Blog</a></li>
              <li><a href="terms">Terms of Use</a></li>
              <li><a href="privacy-policy">Privacy Policy</a></li>
            </ul>
          </div>

        </div>

        <div class="col-md-12 col-lg-3">
          <div class="widget">
            <h4 class="widget-title ls-sm mb-3">Contact us</h4>
            <!-- <p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p> -->
            <div class="newsletter-wrapper">
            <p class="" id="msgalert"></p>

<div class="row gx-4">
  <div class="col-md-6">
    <div class="form-floating mb-4">
      <input id="form_name2" type="text" name="name" class="form-control" placeholder="Jane Kumar" required>
      <label for="form_name">Full Name *</label>
      <div class="valid-feedback"> Looks good! </div>
      <div class="invalid-feedback"> Please enter your full name. </div>
    </div>
  </div>

  <div class="col-md-6">
    <div class="form-floating mb-4">
      <input id="form_email2" type="email" name="email" class="form-control" placeholder="hello@dubai.com" required>
      <label for="form_lastname">Your Email *</label>
      <div class="valid-feedback"> Looks good! </div>
      <div class="invalid-feedback"> Please enter your Email. </div>
    </div>
  </div>
  <div class="col-12">
    <div class="form-floating mb-4">
      <textarea id="form_message2" name="message" class="form-control" placeholder="Your message" style="height: 150px" required></textarea>
      <label for="form_message">Message *</label>
      <div class="valid-feedback"> Looks good! </div>
      <div class="invalid-feedback"> Please enter your messsage. </div>
    </div>
  </div>

  <div class="col-12">
    <button class="btn btn-primary btn-send mb-3" onclick="SendMSG()" id="fttext">Send message </button>
    <p class="text-muted"><strong>*</strong> These fields are required.</p>
  </div>

</div>
              <!-- <div id="mc_embed_signup2">
                <form
                  action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a"
                  method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate "
                  target="_blank" novalidate>
                  <div id="mc_embed_signup_scroll2">
                    <div class="mc-field-group input-group form-floating">
                      <input type="email" value="" name="EMAIL" class="required email form-control"
                        placeholder="Email Address" id="mce-EMAIL2">
                      <label for="mce-EMAIL2">Email Address</label>
                      <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2"
                        class="btn btn-primary ">
                    </div>
                    <div id="mce-responses2" class="clear">
                      <div class="response" id="mce-error-response2" style="display:none"></div>
                      <div class="response" id="mce-success-response2" style="display:none"></div>
                    </div>
                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text"
                        name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>
                    <div class="clear"></div>
                  </div>
                </form>
              </div> -->

            </div>

          </div>

        </div>

      </div>

    </div>

  </footer>

  <script src="https://code.jquery.com/jquery-3.6.1.min.js" defer></script>
  <script defer>
    function SendMSG() {
      $('#fttext').text("Sending Message!")
      var nm = $('#form_name2').val();
      var em = $('#form_email2').val();
      var msg = $('#form_message2').val();
      if (nm != '') {
        if (em != '') {
          if (msg != '') {
            const settings = {
              "async": true,
              "crossDomain": true,
              "url": "functions/form.php",
              "method": "POST",
              "headers": {},
              "data": {
                "name": nm,
                "email": em,
                "message": msg
              }
            };

            $.ajax(settings).done(function(response) {
              $('#fttext').text("Send Message")

              $('#msgalert').text(response)

            });
          } else {
            $('#msgalert').text('Message is Required!')
            $('#btntext').text("Send Message")

          }
        } else {
          $('#msgalert').text('Email is Required!')
          $('#btntext').text("Send Message")

        }
      } else {
        $('#msgalert').text('name is Required!')
        $('#btntext').text("Send Message")

      }


    }
  </script>