rahul.katari
/
anwisystems


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

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <link rel="shortcut icon" type="image/x-icon" href="./dist/assets/imgs/favicon.gif">
  <link rel="stylesheet" href="./all.css">

  <title>Contact | Anwi</title>
  <style>
    .error {
      color: red;
    }

    #anwi_contact-form button {
      border: none;
      background-color: #0A1039;
      text-transform: uppercase;
      font-weight: 600;
      padding: 9px 25px;
      color: #fff;
      font-size: 13px;
    }
  </style>
</head>

<body class="contact_page">
  <!-- navbar -->
  <div id="navbar-head"></div>
  <!-- end-navbar -->
  <!-- main-body -->
  <main class="main-body home-main-container">
    <section class="services h-100 pt-3 d-none bg-gradient-anwi">
      <div class="container pt-5 ">
        <div class="text-center text-white ">
        </div>
      </div>
    </section>
    <section class="contact-section py-md-5 py-3  bg-gray-background ">
      <div class="container pt-md-5 pt-3">
        <div class="row bg-white rounded shadow mx-0 mt-5">
          <div class="col-lg-6 col-12 mb-30 bg-gradient-anwi rounded-start text-white p-md-5 p-4">
            <!--  contact page side content  -->
            <div class="contact-page-side-content text-center py-md-5">
              <div class="single-contact-block mb-5 d-flex flex-column">
                <!-- <h4 class="fs-5">Mobile : <a href="tel:9030019508" class="text-white fs-6">+91 9030019508</a></h4> -->
                <img src="./dist/assets/imgs/allin_imgs/email-icon.png" class="mx-auto w-30p" />
                <a href="mailto:sales@anwisystems.com" class="text-white fs-6">sales@anwisystems.com</a>
              </div>
              <div class="single-contact-block mb-5 d-flex flex-column">
                <!-- <h4 class="fs-5">Email : <a href="mailto:sales@anwisystems.com" class="text-white fs-6">sales@anwisystems.com</a></h4> -->
                <img src="./dist/assets/imgs/allin_imgs/phone-icon.png" class="mx-auto w-30p" />
                <a href="tel:9030019508" class="text-white fs-6">+91 9030019508</a>
              </div>
              <div class="single-contact-block">
                <img src="./dist/assets/imgs/allin_imgs/location-icon.png" />
                <p class="fs-6">
                  III Floor, Signature Towers, Opp.Botanical Gardens, Gachibowli
                  Road, Kondapur, Hyderabad-500084, Telangana - INDIA.
                </p>
              </div>
            </div>
          </div>
          <div class="col-lg-6 col-12 mb-30 p-md-4 p-4">
            <!--  contact form content -->
            <div class="contact-form-content myaccount-content p-0 border-0">
              <!-- <h3 class="contact-page-title border-0">Please fill the details so that our experts will get back to you.</h3> -->
              <h2 class="fw-500 text-center">Tell Us your Message</h3>
                <div class="contact-form  account-details-form">

                  <form id="anwi_contact-form" class="form-floating" autocomplete="off" method="POST">
                    <div class="form-floating mb-3">
                      <input type="text" class="form-control shadow-none" name="contactname" id="user_name"
                        placeholder="jhon" required>
                      <label for="user_name">Your Name </label>
                    </div>
                    <div class="form-floating mb-3">
                      <input type="number" class="form-control shadow-none" name="contactnumber" id="user_number"
                        placeholder="99999999999" required pattern="/^-?\d+\.?\d*$/" autocomplete="off"
                        onkeypress="if(this.value.length==10) return false;" name="contactnumber" maxlength="10">
                      <label for="user_number">Number</label>
                    </div>
                    <div class="form-floating mb-3">
                      <input type="email" class="form-control shadow-none" name="contactname" id="user_email"
                        placeholder="exp12@gmail.com" required>
                      <label for="user_email">Email</label>
                    </div>
                    <div class="form-floating mb-3">
                      <textarea name="contactmessage" style="height: 100px"
                        class="pb-10 w-100 form-control shadow-none rounded-0" id="user_message" rows="4" cols="5"
                        id="contactMessage"></textarea>
                      <label for="user_message">Message</label>
                    </div>
                    <div class="form-group mb-0 text-end">
                      <button class="btn btn-lg single-btn w-lg-25" id="contact_form_submit">Submit</button>
                    </div>
                  </form>
                </div>
                <p class="form-message mt-10"></p>
            </div>
            <!-- End of contact -->
          </div>
        </div>
      </div>
    </section>
  </main>
  <!-- footer -->
  <div id="footer-head" class=""></div>
  <!-- end-footer -->
  <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="./dist/js/jquery.min.js"></script>
  <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>

  <script src="./libs/axios.min.js"></script>
  <script src="./dist/js/footer.js"></script>
  <script src="./libs/cookies.min.js"></script>
  <script src="./dist/js/fontawesome.all.js"></script>
  <script src="./dist/js/fontawesome.min.js"></script>
  <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
  <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
  <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
  <script src="./dist/js/vendor/bootstrap.min.js"></script>
  <script src="./dist/js/plugins/slick.js"></script>
  <script src="./dist/js/plugins/wow.js"></script>
  <script src="./dist/js/plugins/svg-injector.min.js"></script>
  <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
  <script src="./dist/js/plugins/mouse-parallax.js"></script>
  <script src="./dist/js/plugins/images-loaded.js"></script>
  <script src="./dist/js/plugins/isotope.js"></script>
  <script src="./dist/js/plugins/jquery-ui.js"></script>
  <script src="./dist/js/plugins/magnific-popup.js"></script>
  <script src="./dist/js/validate.min.js"></script>
  <script src="./dist/toaster/toastr.js"></script>
  <!-- Main JS -->
  <script src="./dist/js/auth/apiservice.js"></script>
  <script src="./dist/js/navbar.js"></script>
  <script src="./dist/js/main.js"></script>

  <script>

    let contact_pg = $("body").hasClass("contact_page");
    if (contact_pg === true) {
      $(".main-menu").find("nav ul li a").addClass("text-dark");
      let img_src = `./dist/assets/imgs/anwi-logo-1.png`;
      $(".logo-menu-wrap").find(".logo a img").attr("src", img_src);
      $("nav").find('svg path').attr('fill', '#fff');
      $(".user-icon").find('path').attr('fill', "#000");
      $(".cart_icon").find('path').attr('fill', "#000");
    }

    $("#contact_form_submit").click(function () {
      debugger
      let User_name = $("#user_name").val();
      let Email_name = $("#user_email").val();
      let Phone_name = $("#user_number").val();
      let User_msg = $("#user_message").val();

      if (User_name == "" || Email_name == "" || Phone_name == "") {
        toastr.error('Some Input Feilds are missing!');
      } else {
        $("#anwi_contact-form").validate({
          rules: {
            phone: {
              minlength: 10,
              maxlength: 10,
              number: true
            },
          },
          submitHandler: function (form, e) {
            e.preventDefault();
            // $("#pageloader").css({"display":"block"});
            $.ajax({
              type: "POST",
              url: "contact.php",
              data: $(form).serialize(),
              success: function (res) {
                if (res == 1) {
                  $(".pageloader").removeClass("is_open");
                  $(".overlay_effect").removeClass("is_open");
                  toastr.success('Form Submitted Successfully!');
                  $(form).trigger("reset");
                  $(form).find('.form-control-placeholder').removeClass('floating-label');
                  $(this).addClass("d-none");
                } else {
                  $(".pageloader").removeClass("is_open");
                  $(".overlay_effect").removeClass("is_open");
                  toastr.error('Something Went Wrong,Try Again!');
                  $("#biz-contact-form").removeClass("d-none");
                }
              }
            });
            return false;
          }
        });

      }
    })

    $("#anwi_contact-form").validate({
      rules: {
        phone: {
          minlength: 10,
          maxlength: 10,
          number: true
        },
      },
      submitHandler: function (form, e) {
        e.preventDefault();
        // $("#pageloader").css({"display":"block"});
        $.ajax({
          type: "POST",
          url: "contact.php",
          data: $(form).serialize(),
          success: function (res) {
            debugger;
            if (res == 1) {
              $(".pageloader").removeClass("is_open");
              $(".overlay_effect").removeClass("is_open");
              toastr.success('Success, Our Experts will get back to you!');
              $(form).trigger("reset");
              $(form).find('.form-control-placeholder').removeClass('floating-label');
              $(this).addClass("d-none");
            } else {
              $(".pageloader").removeClass("is_open");
              $(".overlay_effect").removeClass("is_open");
              toastr.error('Something Went Wrong,Try Again!');
              $("#biz-contact-form").removeClass("d-none");
            }
          }
        });
        return false;
      }
    });
    // $(".header-area").addClass("border bg-white")
  </script>

</body>

</html>