rahul.katari
/
new.anwisystems.com
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
No Description
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 Commit
1 Branch
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
new.anwisystems.com/contact.html

contact.html 12KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257 
  1. <!DOCTYPE html>

  2. <html lang="en">

  3. 

  4. <head>

  5.     <meta charset="UTF-8" />

  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge" />

  8.     <link rel="shortcut icon" type="image/x-icon" href="./dist/assets/imgs/favicon.gif">

  9.     <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />

  10.     <link rel="stylesheet" href="./dist/css/main.css" />

  11.     <link rel="stylesheet" href="./style.css">

  12.     <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.carousel.min.css">

  13.     <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.theme.default.min.css">

  14.     <!-- <link rel="stylesheet" href="./dist/css/font_icon.min.css"> -->

  15. 

  16. 

  17.     <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">

  18.     <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">

  19.     <link rel="stylesheet" href="./dist/css/vendor/vandella.css">

  20.     <link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">

  21.     <!-- <link rel="stylesheet" href="./dist/css/vendor/icofont.min.css"> -->

  22.     <link rel="stylesheet" href="./dist/css/vendor/fontello.css">

  23.     <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">

  24.     <link rel="stylesheet" href="./dist/css/plugins/slick.css">

  25.     <link rel="stylesheet" href="./dist/css/plugins/nice-select.css">

  26.     <link rel="stylesheet" href="./dist/css/plugins/animate.css">

  27.     <link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css">

  28.     <link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css">

  29.     <link rel="stylesheet" href="./dist/css/style.css">

  30.     <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">

  31.     <link rel="stylesheet" href="./dist/css/fontawesome.min.css">

  32.     <link rel="stylesheet" href="./dist/toaster/toastr.css">

  33. 

  34.     <title>Contact | Anwi</title>

  35.     <style>

  36.       .error{

  37.         color: red;

  38.       }

  39.       #anwi_contact-form button{

  40.         border: none;

  41.         background-color: #0A1039;

  42.         text-transform: uppercase;

  43.         font-weight: 600;

  44.         padding: 9px 25px;

  45.         color: #fff;

  46.         font-size: 13px;

  47.       }

  48.     </style>

  49. </head>

  50. 

  51. <body class="contact_page">

  52.     <!-- navbar -->

  53.     <div id="navbar-head"></div>

  54.     <!-- end-navbar -->

  55.     <!-- main-body -->

  56.     <main class="main-body home-main-container">

  57.       <section class="services h-100 pt-3 d-none bg-gradient-anwi">

  58.         <div class="container pt-5 ">

  59.             <div class="text-center text-white ">

  60.             </div>

  61.         </div>

  62.     </section>

  63.         <section class="contact-section py-md-5 py-3  bg-gray-background ">

  64.             <div class="container pt-md-5 pt-3">

  65.               <div class="row bg-white rounded shadow mx-0 mt-5">

  66.                 <div class="col-lg-6 col-12 mb-30 bg-gradient-anwi rounded-start text-white p-md-5 p-4">

  67.                   <!--  contact page side content  -->

  68.                   <div class="contact-page-side-content text-center py-md-5">

  69.                     <div class="single-contact-block mb-5 d-flex flex-column">

  70.                       <!-- <h4 class="fs-5">Mobile : <a href="tel:9030019508" class="text-white fs-6">+91 9030019508</a></h4> -->

  71.                       <img src="./dist/assets/imgs/allin_imgs/email-icon.png" class="mx-auto w-30p"/>

  72.                       <a href="mailto:sales@anwisystems.com" class="text-white fs-6">sales@anwisystems.com</a>

  73.                     </div>

  74.                     <div class="single-contact-block mb-5 d-flex flex-column">

  75.                       <!-- <h4 class="fs-5">Email : <a href="mailto:sales@anwisystems.com" class="text-white fs-6">sales@anwisystems.com</a></h4> -->

  76.                       <img src="./dist/assets/imgs/allin_imgs/phone-icon.png" class="mx-auto w-30p"/>

  77.                       <a href="tel:9030019508" class="text-white fs-6">+91 9030019508</a>

  78.                     </div>

  79.                     <div class="single-contact-block">

  80.                       <img src="./dist/assets/imgs/allin_imgs/location-icon.png"/>

  81.                       <p class="fs-6">

  82.                         III Floor, Signature Towers, Opp.Botanical Gardens, Gachibowli

  83.                         Road, Kondapur, Hyderabad-500084, Telangana - INDIA.

  84.                       </p>

  85.                     </div>

  86.                   </div>

  87.                 </div>

  88.                 <div class="col-lg-6 col-12 mb-30 p-md-4 p-4">

  89.                   <!--  contact form content -->

  90.                   <div class="contact-form-content myaccount-content p-0 border-0">

  91.                     <!-- <h3 class="contact-page-title border-0">Please fill the details so that our experts will get back to you.</h3> -->

  92.                     <h2 class="fw-500 text-center">Tell Us your Message</h3>

  93.                     <div class="contact-form  account-details-form">

  94.                     

  95.                       <form id="anwi_contact-form" class="form-floating" autocomplete="off" method="POST">

  96.                         <div class="form-floating mb-3">

  97.                           <input type="text" class="form-control shadow-none"  name="contactname" id="user_name" placeholder="jhon" required>

  98.                           <label for="user_name">Your Name </label>

  99.                         </div>

  100.                         <div class="form-floating mb-3">

  101.                           <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">

  102.                           <label for="user_number">Number</label>

  103.                         </div>

  104.                         <div class="form-floating mb-3">

  105.                           <input type="email" class="form-control shadow-none"  name="contactname" id="user_email" placeholder="exp12@gmail.com" required>

  106.                           <label for="user_email">Email</label>

  107.                         </div>

  108.                         <div class="form-floating mb-3">

  109.                           <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>

  110.                           <label for="user_message">Message</label>

  111.                         </div>

  112.                         <div class="form-group mb-0 text-end">

  113.                           <button class="btn btn-lg single-btn w-lg-25" id="contact_form_submit">Submit</button>

  114.                         </div>

  115.                       </form>

  116.                     </div>

  117.                     <p class="form-message mt-10"></p>

  118.                   </div>

  119.                   <!-- End of contact -->

  120.                 </div>

  121.               </div>

  122.             </div>

  123.           </section>

  124.     </main>

  125.     <!-- footer -->

  126.     <div id="footer-head" class=""></div>

  127.     <!-- end-footer -->

  128.     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>

  129.     <script src="./dist/js/jquery.min.js"></script>

  130.     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>

  131. 

  132.    <script src="./libs/axios.min.js"></script>

  133.     <script src="./dist/js/footer.js"></script>

  134.       <script src="./libs/cookies.min.js"></script>

  135.     <script src="./dist/js/fontawesome.all.js"></script>

  136.     <script src="./dist/js/fontawesome.min.js"></script>

  137.     <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>

  138.     <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>

  139.     <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>

  140.     <script src="./dist/js/vendor/bootstrap.min.js"></script>

  141.     <script src="./dist/js/plugins/slick.js"></script>

  142.     <script src="./dist/js/plugins/wow.js"></script>

  143.     <script src="./dist/js/plugins/svg-injector.min.js"></script>

  144.     <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>

  145.     <script src="./dist/js/plugins/mouse-parallax.js"></script>

  146.     <script src="./dist/js/plugins/images-loaded.js"></script>

  147.     <script src="./dist/js/plugins/isotope.js"></script>

  148.     <script src="./dist/js/plugins/jquery-ui.js"></script>

  149.     <script src="./dist/js/plugins/magnific-popup.js"></script>

  150.     <script src="./dist/js/validate.min.js"></script>

  151.     <script src="./dist/toaster/toastr.js"></script>

  152.     <!-- Main JS -->

  153.     <script src="./dist/js/auth/apiservice.js"></script>

  154.     <script src="./dist/js/navbar.js"></script>

  155.     <script src="./dist/js/main.js"></script>

  156. 

  157.     <script>

  158. 

  159. let contact_pg = $("body").hasClass("contact_page");

  160.     if(contact_pg === true){

  161.         $(".main-menu").find("nav ul li a").addClass("text-dark");

  162.         let img_src = `./dist/assets/imgs/anwi-logo-1.png`;

  163.         $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);

  164.         $("nav").find('svg path').attr('fill','#fff');

  165.         $(".user-icon").find('path').attr('fill',"#000");

  166.         $(".cart_icon").find('path').attr('fill',"#000");

  167.     }

  168. 

  169.       $("#contact_form_submit").click(function(){

  170.         debugger

  171.          let User_name = $("#user_name").val();

  172.          let Email_name = $("#user_email").val();

  173.          let Phone_name = $("#user_number").val();

  174.          let User_msg = $("#user_message").val();

  175. 

  176.          if(User_name == "" || Email_name == "" || Phone_name == ""){

  177.           toastr.error('Some Input Feilds are missing!');

  178.          }else{

  179.           $("#anwi_contact-form").validate({

  180.                 rules: {

  181.                     phone: {

  182.                         minlength: 10,

  183.                         maxlength: 10,

  184.                         number: true

  185.                     },

  186.                 },

  187.                 submitHandler: function(form ,e) {

  188.                     e.preventDefault();

  189.                     // $("#pageloader").css({"display":"block"});

  190.                     $.ajax({

  191.                         type: "POST",

  192.                         url: "contact.php",

  193.                         data: $(form).serialize(),

  194.                         success: function(res) {

  195.                             if (res == 1) {

  196.                                 $(".pageloader").removeClass("is_open");

  197.                                 $(".overlay_effect").removeClass("is_open");

  198.                                 toastr.success('Form Submitted Successfully!');

  199.                                 $(form).trigger("reset");

  200.                                 $(form).find('.form-control-placeholder').removeClass('floating-label');

  201.                                 $(this).addClass("d-none");

  202.                             }else {

  203.                                 $(".pageloader").removeClass("is_open");

  204.                                 $(".overlay_effect").removeClass("is_open");

  205.                                 toastr.error('Something Went Wrong,Try Again!');

  206.                                 $("#biz-contact-form").removeClass("d-none");

  207.                             } 

  208.                         }

  209.                     });

  210.                     return false;

  211.                 }

  212.             });

  213. 

  214.          }

  215.       })

  216.    

  217.       $("#anwi_contact-form").validate({

  218.                 rules: {

  219.                     phone: {

  220.                         minlength: 10,

  221.                         maxlength: 10,

  222.                         number: true

  223.                     },

  224.                 },

  225.                 submitHandler: function(form ,e) {

  226.                     e.preventDefault();

  227.                     // $("#pageloader").css({"display":"block"});

  228.                     $.ajax({

  229.                         type: "POST",

  230.                         url: "contact.php",

  231.                         data: $(form).serialize(),

  232.                         success: function(res) {

  233.                           debugger;

  234.                             if (res == 1) {

  235.                                 $(".pageloader").removeClass("is_open");

  236.                                 $(".overlay_effect").removeClass("is_open");

  237.                                 toastr.success('Success, Our Experts will get back to you!');

  238.                                 $(form).trigger("reset");

  239.                                 $(form).find('.form-control-placeholder').removeClass('floating-label');

  240.                                 $(this).addClass("d-none");

  241.                             }else {

  242.                                 $(".pageloader").removeClass("is_open");

  243.                                 $(".overlay_effect").removeClass("is_open");

  244.                                 toastr.error('Something Went Wrong,Try Again!');

  245.                                 $("#biz-contact-form").removeClass("d-none");

  246.                             } 

  247.                         }

  248.                     });

  249.                     return false;

  250.                 }

  251.             });

  252.             // $(".header-area").addClass("border bg-white")

  253.    </script>

  254. 

  255. </body>

  256. 

  257. </html>