sachin.ganesh
/
anwi_website
ウォッチ 1
スター 0
フォーク 0
コード 課題 0 プルリクエスト 0 リリース 0 Wiki アクティビティ
説明なし
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
93 コミット
1 ブランチ
ブランチ: master
ブランチ タグ
${ item.name }
ブランチ ${ searchTerm } を作成
'master' から
${ noResults }
anwi_website/contact.html

contact.html 13KB
パーマリンク 履歴 Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256 
  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-gradient-violet ">

  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="text" class="form-control shadow-none"  name="contactnumber" id="user_number" placeholder="9887767644" 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.    </script>

  253. 

  254. </body>

  255. 

  256. </html>