sachin.ganesh
/
anwi_website


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238
							<!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="./libs/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="./dist/css/main.css" />
    <link rel="stylesheet" href="./style.css">
    <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.carousel.min.css">
    <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.theme.default.min.css">
    <!-- <link rel="stylesheet" href="./dist/css/font_icon.min.css"> -->


    <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
    <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
    <link rel="stylesheet" href="./dist/css/vendor/vandella.css">
    <link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">
    <!-- <link rel="stylesheet" href="./dist/css/vendor/icofont.min.css"> -->
    <link rel="stylesheet" href="./dist/css/vendor/fontello.css">
    <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">
    <link rel="stylesheet" href="./dist/css/plugins/slick.css">
    <link rel="stylesheet" href="./dist/css/plugins/nice-select.css">
    <link rel="stylesheet" href="./dist/css/plugins/animate.css">
    <link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css">
    <link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css">
    <link rel="stylesheet" href="./dist/css/style.css">
    <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">
    <link rel="stylesheet" href="./dist/css/fontawesome.min.css">
    <link rel="stylesheet" href="./dist/toaster/toastr.css">

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

<body>
    <!-- navbar -->
    <div id="navbar-head"></div>
    <!-- end-navbar -->
    <!-- main-body -->
    <main class="main-body home-main-container">
      <section class="services h-100 pt-5 bg-gradient-anwi">
        <div class="container pt-md-5 pt-4">
            <div class="text-center text-white  pt-md-5 pb-md-5 pb-4">
                <h3 class="text-center mb-md-2 mb-3 pt-md-5">
                    <span class="satoshi_font font-weight-600 pb-1">Contact Us </span>
                </h3>
                <h5 class="font-weight-lighter">Thank you for showing interest in our services.</h5>
                <h5 class="font-weight-lighter">Please fill the details so that our experts will get back to you.</h5>
            </div>
        </div>
    </section>
        <section class="contact-section py-md-5 py-3">
            <div class="container pt-md-5 pt-3">
              <div class="row bg-white rounded-3 shadow mx-0">
                <div class="col-lg-6 col-12 mb-30 bg-gradient-anwi 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="single-input-item" autocomplete="off" method="POST">
                        <div class="form-group pb-2">
                          <label>Your Name <span class="required text-danger">*</span></label>
                          <input type="text" name="contactname" id="user_name" class="w-100 form-control shadow-none rounded-0" required>
                        </div>
                        <div class="form-group  pb-3">
                          <label>Number <span class="required text-danger">*</span></label>
                          <input type="number" id="user_number" class="w-100 form-control shadow-none rounded-0"  required pattern="/^-?\d+\.?\d*$/" autocomplete="off" onkeypress="if(this.value.length==10) return false;" name="contactnumber" maxlength="10">
                        </div>
                        <div class="form-group  pb-3">
                          <label>Your Email <span class="required text-danger">*</span></label>
                          <input type="email" name="contactemail" id="user_email" class="w-100 form-control shadow-none rounded-0"  required>
                        </div>
                        <div class="form-group  pb-md-5 pb-2">
                          <label>Your Message</label>
                          <textarea name="contactmessage" class="pb-10 w-100 form-control shadow-none rounded-0" id="user_message" rows="4" id="contactMessage"></textarea>
                        </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="./dist/js/navbar.js"></script>
    <script src="./dist/js/axios.min.js"></script>
    <script src="./dist/js/footer.js"></script>
    <script src="./dist/js/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/main.js"></script>

    <script>
      // $("#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;
                }
            });
   </script>

</body>

</html>