rahul.katari
/
anwisystems
보기 1
좋아요 0
포크 0
코드 이슈 0 풀 리퀘스트 0 릴리즈 0 위키 Activity
설명 없음
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.
12 커밋
1 브렌치
브렌치: master
브랜치 태그
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
anwisystems/becomeamember.html

becomeamember.html 18KB
고유링크 히스토리 Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433 
  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="./all.css">

  10. 

  11.   <title>Partners | Anwi</title>

  12.   <style>

  13.     .error {

  14.       color: red;

  15.     }

  16. 

  17.     .myaccount-content .account-details-form .single-input-item.partner_form label {

  18.       font-size: 16px;

  19.     }

  20. 

  21.     .partner-details-form button {

  22.       border: none;

  23.       background-color: #0A1039;

  24.       text-transform: uppercase;

  25.       font-weight: 600;

  26.       padding: 9px 25px;

  27.       color: #fff;

  28.       font-size: 13px;

  29.     }

  30. 

  31.     .form-control {

  32.       line-height: 2;

  33.     }

  34. 

  35.     button:hover {

  36.       background-color: #1f2226 !important;

  37.       color: #fff !important;

  38.     }

  39. 

  40.     .pageloader {

  41.       position: fixed;

  42.       top: 50%;

  43.       left: 50%;

  44.       z-index: 10;

  45.       padding: 1em 2.5em;

  46.       /* background: #fff; */

  47.       /* border: 1px solid #fff; */

  48.       border-radius: 4px;

  49.       color: #222;

  50.       font-size: 16px;

  51.       text-align: center;

  52.       cursor: pointer;

  53.       opacity: 0;

  54.       visibility: hidden;

  55.       transition: .2s ease-in-out;

  56.       transform: translate(-50%, -50%);

  57.     }

  58. 

  59.     .pageloader.is_open {

  60.       opacity: 1 !important;

  61.       visibility: visible !important;

  62.     }

  63. 

  64.     #pageloader {

  65.       display: block;

  66.       background: rgb(255 255 255 / 0%);

  67.     }

  68. 

  69.     #pageloader img {

  70.       left: 50%;

  71.       margin-left: -32px;

  72.       margin-top: -32px;

  73.       position: absolute;

  74.       top: 50%;

  75.     }

  76. 

  77.     .overlay_effect.is_open {

  78.       opacity: 1 !important;

  79.       visibility: visible !important;

  80.       transform: scale(1) !important;

  81.     }

  82. 

  83.     .overlay_effect {

  84.       position: fixed;

  85.       top: 0;

  86.       left: 0;

  87.       z-index: 2;

  88.       width: 100%;

  89.       height: 100%;

  90.       background: rgb(0 0 0 / 25%);

  91.       opacity: 0;

  92.       visibility: hidden;

  93.       transition: .3s linear;

  94.       transform: scale(.2);

  95.     }

  96. 

  97.     .partner_shadow {

  98.       box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;

  99.     }

  100. 

  101.     .partner_border {

  102.       border: 1px solid #d2c4c4;

  103.     }

  104.   </style>

  105. </head>

  106. 

  107. <body>

  108.   <!-- navbar -->

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

  110.   <!-- end-navbar -->

  111.   <!-- main-body -->

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

  113.     <section class="services h-100 pt-5  d-none">

  114.       <div class="container pt-md-5 pt-4">

  115.         <div class="text-center text-white pt-md-5 pb-md-5 pb-4">

  116.           <h3 class="text-center mb-md-2 mb-3 pt-md-5">

  117.             <span class="satoshi_font font-weight-600 pb-1">Become a Member</span>

  118.           </h3>

  119.           <h5 class="font-weight-lighter fs-6">Thank you for showing interest in our services.</h5>

  120.           <h5 class="font-weight-lighter fs-6">Please fill the details so that our experts will get back to you.</h5>

  121.         </div>

  122.       </div>

  123.     </section>

  124.     <section class="contact-section py-md-5 py-5">

  125.       <div class="container py-md-5 pt-5">

  126.         <div class="row rounded-4 mx-0 justify-content-center bg-gray-background">

  127.           <div class="col-lg-5 col-12 pt-md-5 pt-5 p-4">

  128.             <div class="pb-4 pt-md-5">

  129.               <h1 class="mb-md-2 mb-3 pt-md-2">

  130.                 <span class="satoshi_font font-weight-600 pb-1">Become a Member</span>

  131.               </h1>

  132.               <h5 class="font-weight-lighter pt-md-4 fs-6">Thank you for showing interest in our services.</h5>

  133.               <h5 class="font-weight-lighter fs-6">Please fill the details so that our experts will get back to you.

  134.               </h5>

  135.             </div>

  136.             <div class="d-flex align-items-center mb-md-3">

  137.               <svg class="svg-inline--fa fa-envelope ps-1" aria-hidden="true" focusable="false" data-prefix="fas"

  138.                 data-icon="envelope" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"

  139.                 data-fa-i2svg="">

  140.                 <path fill="#000"

  141.                   d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z">

  142.                 </path>

  143.               </svg><!-- <i class="fa-solid fa-envelope ps-1"></i> Font Awesome fontawesome.com -->

  144.               <a href="mailto:sales@anwisystems.com" class="fs-6 mx-2">sales@anwisystems.com</a>

  145.             </div>

  146.             <div class="single-contact-block d-flex align-items-center  mb-md-3">

  147.               <svg class="svg-inline--fa fa-phone ps-1" aria-hidden="true" focusable="false" data-prefix="fas"

  148.                 data-icon="phone" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">

  149.                 <path fill="currentColor"

  150.                   d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z">

  151.                 </path>

  152.               </svg><!-- <i class="fa-solid fa-phone ps-1"></i> Font Awesome fontawesome.com -->

  153.               <a href="tel:9030019508" class="fs-6 mx-2">+91 9030019508</a>

  154.             </div>

  155.             <div class="single-contact-block d-flex">

  156.               <svg class="svg-inline--fa fa-location-arrow pt-1 ps-1" aria-hidden="true" focusable="false"

  157.                 data-prefix="fas" data-icon="location-arrow" role="img" xmlns="http://www.w3.org/2000/svg"

  158.                 viewBox="0 0 448 512" data-fa-i2svg="">

  159.                 <path fill="currentColor"

  160.                   d="M429.6 92.1c4.9-11.9 2.1-25.6-7-34.7s-22.8-11.9-34.7-7l-352 144c-14.2 5.8-22.2 20.8-19.3 35.8s16.1 25.8 31.4 25.8H224V432c0 15.3 10.8 28.4 25.8 31.4s30-5.1 35.8-19.3l144-352z">

  161.                 </path>

  162.               </svg><!-- <i class="fa-solid fa-location-arrow pt-1 ps-1"></i> Font Awesome fontawesome.com -->

  163.               <p class="fs-6 mx-2">

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

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

  166.               </p>

  167.             </div>

  168.           </div>

  169.           <div class="col-lg-7 col-12 mb-30 p-md-4 p-4 rounded-4">

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

  171.               <div class="contact-form m-2 partner-details-form">

  172.                 <form id="anwi_partner_form" class="form-floating partner_form p-0" autocomplete="off" method="post"

  173.                   novalidate="">

  174.                   <div class="row align-items-center">

  175.                     <div class="col-md-6 pb-md-2">

  176.                       <div class="form-floating form-group pb-md-3 pb-2">

  177.                         <input type="text" name="partner_company" id="partner_company" placeholder="Company Name"

  178.                           class="w-100 form-control shadow-none rounded-3">

  179.                         <label for="partner_company">Company Name</label>

  180.                         <div class="invalid-feedback">Company Name cannot be blank!</div>

  181.                       </div>

  182.                     </div>

  183.                     <div class="col-md-6 pb-md-3">

  184.                       <div class="form-floating form-group pb-2">

  185.                         <input type="text" name="partner_name" id="partner_name" placeholder="Contact Name"

  186.                           class="w-100 form-control shadow-none rounded-3">

  187.                         <label for="partner_name">Contact Name</label>

  188.                         <div class="invalid-feedback">Contact Name cannot be blank!</div>

  189.                       </div>

  190.                     </div>

  191.                     <div class="col-md-6 pb-md-3">

  192.                       <div class="form-floating form-group  pb-2">

  193.                         <input type="number" name="partner_number" id="partner_number" placeholder="Mobile"

  194.                           class="w-100 form-control shadow-none rounded-3" pattern="/^-?\d+\.?\d*$/" autocomplete="off"

  195.                           onkeypress="if(this.value.length==10) return false;" maxlength="10">

  196.                         <label for="partner_number">Number</label>

  197.                         <div class="invalid-feedback">Number cannot be blank!</div>

  198.                       </div>

  199.                     </div>

  200.                     <div class="col-md-6 pb-md-3">

  201.                       <div class="form-floating form-group  pb-2">

  202.                         <input type="email" name="partner_email" id="partner_email" placeholder="Email"

  203.                           class="w-100 form-control shadow-none rounded-3">

  204.                         <label for="partner_email">Email</label>

  205.                         <div class="invalid-feedback">Email cannot be blank!</div>

  206.                       </div>

  207.                     </div>

  208.                     <div class="col-md-6 pb-md-3">

  209.                       <div class="form-floating form-group pb-2">

  210.                         <input type="text" name="partner_city" id="partner_city" placeholder="City"

  211.                           class="w-100 form-control shadow-none rounded-3">

  212.                         <label for="partner_city">City</label>

  213.                         <div class="invalid-feedback">City cannot be blank!</div>

  214.                       </div>

  215.                     </div>

  216.                     <div class="col-md-6 pb-md-3">

  217.                       <div class="form-floating form-group pb-2">

  218.                         <input type="text" name="partner_state" id="partner_state" placeholder="State"

  219.                           class="w-100 form-control shadow-none rounded-3">

  220.                         <label for="partner_state">State</label>

  221.                         <div class="invalid-feedback">State cannot be blank!</div>

  222.                       </div>

  223.                     </div>

  224.                     <div class="col-md-12 pb-md-6">

  225.                       <div class="form-floating form-group pb-3">

  226.                         <input type="text" name="partner_gstno" id="partner_gstno" placeholder="GST No"

  227.                           class="w-100 form-control shadow-none rounded-3">

  228.                         <label for="partner_gstno">GST No</label>

  229.                         <div class="invalid-feedback">GST No Not Vaild!</div>

  230.                       </div>

  231.                     </div>

  232.                     <div class="col-12 pb-md-4">

  233.                       <div class="form-floating form-group pb-2">

  234.                         <textarea name="partner_message" style="height: 100px"

  235.                           class="pb-10 w-100 form-control shadow-none rounded-3" placeholder="Description"

  236.                           id="partner_message" rows="4"></textarea>

  237.                         <label for="partner_message">Description</label>

  238.                       </div>

  239.                     </div>

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

  241.                       <button class="btn single-btn w-lg-25" type="button" id="partner_form_submit">Submit</button>

  242.                     </div>

  243.                   </div>

  244.                 </form>

  245. 

  246.               </div>

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

  248.             </div>

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

  250.           </div>

  251.         </div>

  252.       </div>

  253.     </section>

  254.     <div id="pageloader" class="pageloader">

  255.       <img src="http://cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.16.1/images/loader-large.gif" alt="processing...">

  256.     </div>

  257.     <div class="overlay_effect"></div>

  258.   </main>

  259.   <!-- footer -->

  260.   <div id="footer-head"></div>

  261.   

  262.   <div id="cookieAcceptBar" class="cookieAcceptBar shadow bg-white py-3" style="max-width: 28%;">

  263. 

  264.     <div class="cookie-content">

  265.       <p class="text-dark">We use cookies to enhance your user experience. please accept our

  266.         <a href="#" class="text-dark">cookies policy</a>

  267.       </p>

  268.       <div class="text-end">

  269.         <button id="btnAcceptCookiePolicy" class="btn btn-dark rounded">Accept</button>

  270.       </div>

  271.     </div>

  272.   </div>

  273.   <!-- end-footer -->

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  298.   <!-- Main JS -->

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

  300. 

  301.   <script>

  302. 

  303. 

  304.     function isValidGSTNo(str) {

  305.       let regex = new RegExp(/^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z]{1}[1-9A-Z]{1}Z[0-9A-Z]{1}$/);

  306.       if (str == null) {

  307.         return false;

  308.       }

  309.       if (regex.test(str) == true) {

  310.         return true;

  311.       }

  312.       else {

  313.         return false;

  314.       }

  315.     }

  316. 

  317.     $("input").on("keyup", function () {

  318.       $("input").removeClass("is-invalid");

  319.     })

  320. 

  321.     $("#partner_form_submit").click(function () {

  322. 

  323.       let partner_compnay = $("#partner_company").val();

  324.       let partner_name = $("#partner_name").val();

  325.       let partner_number = $("#partner_number").val();

  326.       let partner_email = $("#partner_email").val();

  327.       let partner_city = $("#partner_city").val();

  328.       let partner_state = $("#partner_state").val();

  329.       let partner_gstno = $("#partner_gstno").val();

  330. 

  331.       if (partner_compnay == "" || partner_name == "" || partner_number == "" || partner_email == "" || partner_city == "" || partner_state == "" || partner_gstno == "") {

  332.         // toastr.error('Required Feilds are Empty!');

  333.         $("input").addClass("is-invalid");

  334.       }

  335.       else {

  336.         if (partner_compnay == '') {

  337.           $("#partner_company").addClass("is-invalid");

  338.         }

  339.         if (partner_name == '') {

  340.           $("#partner_name").addClass("is-invalid");

  341.         }

  342.         if (partner_number == '') {

  343.           $("#partner_number").addClass("is-invalid");

  344.         }

  345.         if (partner_city == '') {

  346.           $("#partner_city").addClass("is-invalid");

  347.         }

  348.         if (partner_state == '') {

  349.           $("#partner_state").addClass("is-invalid");

  350.         }

  351.         if (partner_gstno == '') {

  352.           $("#partner_gstno").addClass("is-invalid");

  353.         }

  354.         if (partner_email != '') {

  355.           let emailValid = partner_email.includes("@");

  356.           let emailVaild_2 = partner_email.includes(".");

  357.           let numberVaild = partner_number.length;

  358.           if (emailValid === true && emailVaild_2 === true) {

  359.             let getValid = isValidGSTNo(partner_gstno);

  360.             if (numberVaild >= 10) {

  361.               if (getValid == true) {

  362.                 $("#partner_form_submit").removeAttr("type");

  363.                 $(".pageloader").addClass("is_open");

  364.                 $(".overlay_effect").addClass("is_open");

  365.                 // $("#anwi_partner_form").attr("action","partner-form.php");

  366.                 $("#anwi_partner_form").validate({

  367.                   rules: {

  368.                     phone: {

  369.                       minlength: 10,

  370.                       maxlength: 10,

  371.                       number: true

  372.                     },

  373.                   },

  374.                   submitHandler: function (form, e) {

  375.                     e.preventDefault();

  376.                     $.ajax({

  377.                       type: "POST",

  378.                       url: "partner-form.php",

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

  380.                       success: function (res) {

  381.                         debugger;

  382.                         if (res == 1) {

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

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

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

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

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

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

  389.                         }

  390.                         else {

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

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

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

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

  395.                         }

  396.                         $("#anwi_partner_form").removeAttr("action");

  397.                         $("#partner_form_submit").attr("type", "button");

  398.                       }

  399.                     });

  400.                     return false;

  401.                   }

  402.                 });

  403.               }

  404.               else {

  405.                 toastr.error('GST NO Not Valid!');

  406.                 $("#partner_gstno").addClass("is-invalid");

  407.               }

  408.             }

  409.             else {

  410.               toastr.error('Number is not Valid!');

  411.               $("#partner_number").addClass("is-invalid");

  412.             }

  413.           }

  414.           else {

  415.             toastr.error('Email is Not Valid!');

  416.             $("#partner_email").addClass("is-invalid");

  417.           }

  418.         }

  419.         else {

  420.           toastr.error('Email is not Valid!');

  421.           $("#partner_email").addClass("is-invalid");

  422.         }

  423.       }

  424.     });

  425. 

  426. 

  427.   </script>

  428. 

  429. 

  430. 

  431. </body>

  432. 

  433. </html>