Bez popisu
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.

login.html 39KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  7. <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
  8. <link rel="stylesheet" href="./dist/css/main.css" />
  9. <link rel="stylesheet" href="./styles/style.css" />
  10. <link rel="stylesheet" href="./style.css" />
  11. <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.carousel.min.css" />
  12. <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.theme.default.min.css" />
  13. <link rel="stylesheet" href="./dist/css/login.css" />
  14. <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css" />
  15. <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css" />
  16. <link rel="stylesheet" href="./dist/css/vendor/vandella.css" />
  17. <link rel="stylesheet" href="./dist/css/vendor/jellybelly.css" />
  18. <link rel="stylesheet" href="./dist/css/vendor/fontello.css" />
  19. <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css" />
  20. <link rel="stylesheet" href="./dist/css/plugins/slick.css" />
  21. <link rel="stylesheet" href="./dist/css/plugins/nice-select.css" />
  22. <link rel="stylesheet" href="./dist/css/plugins/animate.css" />
  23. <link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css" />
  24. <link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css" />
  25. <link rel="stylesheet" href="./dist/css/style.css" />
  26. <link rel="stylesheet" href="./dist/css/fontawesome.all.css" />
  27. <!-- <link rel="stylesheet" href="./dist/css/fontawesome.min.css" /> -->
  28. <!-- <link rel="stylesheet" href="./libs/toaster/toastr.js" /> -->
  29. <link rel="stylesheet" href="./dist/toaster/toastr.css" />
  30. <title>Anwi</title>
  31. <style>
  32. html {
  33. height: 100%;
  34. }
  35. body {
  36. height: 100%;
  37. }
  38. </style>
  39. </head>
  40. <body class="login_page">
  41. <!-- navbar -->
  42. <div id="navbar-head" class="bg-white"></div>
  43. <!-- end-navbar -->
  44. <!-- main-body -->
  45. <section class="mainLogin h-100 mt-0 myaccount-content p-0">
  46. <div
  47. class="loginContainer mainLogin bg-gradient-violet mt-0 pt-md-5 h-100 satoshi_font d-flex align-items-center">
  48. <div class="container">
  49. <div class="spinner d-flex justify-content-center align-items-center">
  50. <div class="spinner-border d-none" role="status">
  51. <span class="visually-hidden">Loading...</span>
  52. </div>
  53. </div>
  54. <div class="row justify-content-center">
  55. <div>
  56. <div class="bg-white rounded-3 authBox mx-auto p-5">
  57. <div class="text-warning fs-9 fw-500 error-div" style="display: none;">
  58. <svg class="svg-inline--fa fa-arrow-circle-o-left font-30 pb-1" aria-hidden="true"
  59. focusable="false" data-prefix="fas" data-icon="arrow-circle-o-left" role="img"
  60. xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
  61. <g class="missing">
  62. <path fill="currentColor"
  63. d="M156.5,447.7l-12.6,29.5c-18.7-9.5-35.9-21.2-51.5-34.9l22.7-22.7C127.6,430.5,141.5,440,156.5,447.7z M40.6,272H8.5 c1.4,21.2,5.4,41.7,11.7,61.1L50,321.2C45.1,305.5,41.8,289,40.6,272z M40.6,240c1.4-18.8,5.2-37,11.1-54.1l-29.5-12.6 C14.7,194.3,10,216.7,8.5,240H40.6z M64.3,156.5c7.8-14.9,17.2-28.8,28.1-41.5L69.7,92.3c-13.7,15.6-25.5,32.8-34.9,51.5 L64.3,156.5z M397,419.6c-13.9,12-29.4,22.3-46.1,30.4l11.9,29.8c20.7-9.9,39.8-22.6,56.9-37.6L397,419.6z M115,92.4 c13.9-12,29.4-22.3,46.1-30.4l-11.9-29.8c-20.7,9.9-39.8,22.6-56.8,37.6L115,92.4z M447.7,355.5c-7.8,14.9-17.2,28.8-28.1,41.5 l22.7,22.7c13.7-15.6,25.5-32.9,34.9-51.5L447.7,355.5z M471.4,272c-1.4,18.8-5.2,37-11.1,54.1l29.5,12.6 c7.5-21.1,12.2-43.5,13.6-66.8H471.4z M321.2,462c-15.7,5-32.2,8.2-49.2,9.4v32.1c21.2-1.4,41.7-5.4,61.1-11.7L321.2,462z M240,471.4c-18.8-1.4-37-5.2-54.1-11.1l-12.6,29.5c21.1,7.5,43.5,12.2,66.8,13.6V471.4z M462,190.8c5,15.7,8.2,32.2,9.4,49.2h32.1 c-1.4-21.2-5.4-41.7-11.7-61.1L462,190.8z M92.4,397c-12-13.9-22.3-29.4-30.4-46.1l-29.8,11.9c9.9,20.7,22.6,39.8,37.6,56.9 L92.4,397z M272,40.6c18.8,1.4,36.9,5.2,54.1,11.1l12.6-29.5C317.7,14.7,295.3,10,272,8.5V40.6z M190.8,50 c15.7-5,32.2-8.2,49.2-9.4V8.5c-21.2,1.4-41.7,5.4-61.1,11.7L190.8,50z M442.3,92.3L419.6,115c12,13.9,22.3,29.4,30.5,46.1 l29.8-11.9C470,128.5,457.3,109.4,442.3,92.3z M397,92.4l22.7-22.7c-15.6-13.7-32.8-25.5-51.5-34.9l-12.6,29.5 C370.4,72.1,384.4,81.5,397,92.4z">
  64. </path>
  65. <circle fill="currentColor" cx="256" cy="364" r="28">
  66. <animate attributeType="XML" repeatCount="indefinite" dur="2s"
  67. attributeName="r" values="28;14;28;28;14;28;"></animate>
  68. <animate attributeType="XML" repeatCount="indefinite" dur="2s"
  69. attributeName="opacity" values="1;0;1;1;0;1;"></animate>
  70. </circle>
  71. <path fill="currentColor" opacity="1"
  72. d="M263.7,312h-16c-6.6,0-12-5.4-12-12c0-71,77.4-63.9,77.4-107.8c0-20-17.8-40.2-57.4-40.2c-29.1,0-44.3,9.6-59.2,28.7 c-3.9,5-11.1,6-16.2,2.4l-13.1-9.2c-5.6-3.9-6.9-11.8-2.6-17.2c21.2-27.2,46.4-44.7,91.2-44.7c52.3,0,97.4,29.8,97.4,80.2 c0,67.6-77.4,63.5-77.4,107.8C275.7,306.6,270.3,312,263.7,312z">
  73. <animate attributeType="XML" repeatCount="indefinite" dur="2s"
  74. attributeName="opacity" values="1;0;0;0;0;1;"></animate>
  75. </path>
  76. <path fill="currentColor" opacity="0"
  77. d="M232.5,134.5l7,168c0.3,6.4,5.6,11.5,12,11.5h9c6.4,0,11.7-5.1,12-11.5l7-168c0.3-6.8-5.2-12.5-12-12.5h-23 C237.7,122,232.2,127.7,232.5,134.5z">
  78. <animate attributeType="XML" repeatCount="indefinite" dur="2s"
  79. attributeName="opacity" values="0;0;1;1;0;0;"></animate>
  80. </path>
  81. </g>
  82. </svg>
  83. </div>
  84. <ul class="nav nav-pills mb-3 justify-content-center border rounded-3" id="pills-tab"
  85. role="tablist">
  86. <li class="nav-item w-50" role="presentation">
  87. <button class="nav-link active w-100" id="pills-login-tab" data-bs-toggle="pill"
  88. data-bs-target="#pills-login" type="button" role="tab"
  89. aria-controls="pills-login" aria-selected="true">Login</button>
  90. </li>
  91. <li class="nav-item w-50" role="presentation">
  92. <button class="nav-link w-100" id="pills-registration-tab" data-bs-toggle="pill"
  93. data-bs-target="#pills-registration" type="button" role="tab"
  94. aria-controls="pills-registration" aria-selected="false">Signup</button>
  95. </li>
  96. </ul>
  97. <div class="tab-content" id="pills-tabContent">
  98. <div class="tab-pane fade show active" id="pills-login" role="tabpanel"
  99. aria-labelledby="pills-login-tab" tabindex="0">
  100. <form id="login_form">
  101. <div class="login-email-password-div">
  102. <div class="input-group has-validation email-login-inputgroup">
  103. <div class="form-floating py-0">
  104. <input type="email" class="form-control shadow-none h-50p"
  105. id="User_Email" placeholder="Enter Your Email"
  106. autocomplete="off">
  107. <label for="User_Email">Email address</label>
  108. </div>
  109. <div class="invalid-feedback">
  110. Please enter your email.
  111. </div>
  112. </div>
  113. <div class="input-group has-validation mt-3 password-login-inputgroup">
  114. <div class="form-floating py-0" id="password-input-div">
  115. <input type="password" class="form-control shadow-none h-50p"
  116. id="User_password" placeholder="Password"
  117. autocomplete="no password">
  118. <label for="User_password">Password</label>
  119. </div>
  120. <div class="invalid-feedback">
  121. Please enter your password.
  122. </div>
  123. </div>
  124. <div class="mt-1">
  125. <a href="#" class="text-theme-color fs-9 fw-500"
  126. id="forgotPassword">Forgot password?</a>
  127. </div>
  128. <div class="fs-7 mt-2 satoshi_font">
  129. By continuing, I agree to the
  130. <a href="#"
  131. class="text-theme-color text-decoration-underline fs-7 fw-600">Terms
  132. of
  133. Use</a>
  134. &amp;
  135. <a href="#"
  136. class="text-theme-color text-decoration-underline fs-7 fw-600">Privacy
  137. Policy</a>
  138. </div>
  139. <div class="mt-3 ">
  140. <div>
  141. <div class="btn bg-gradient-anwi w-100 loader-btn"
  142. style="display: none;">
  143. <span class="loader"></span>
  144. </div>
  145. <a href="#" class="btn bg-gradient-anwi w-100 fw-500" id="Login_btn"
  146. type="submit">Login</a>
  147. </div>
  148. </div>
  149. </div>
  150. <div class="login-forgot-password-div" style="display:none">
  151. <div
  152. class="font-16 d-flex justify-content-end font-w600 text-darkgrey w-100 backtologin">
  153. <!-- <span>Forgot Password?</span> -->
  154. <a href="./login.html" class="" id="forgot_Password_Back"><span
  155. class=" cursor-pointer text-center d-flex align-items-center"><i
  156. class="fa-solid fa-arrow-left"></i></span></a>
  157. </div>
  158. <div class="email-validation">
  159. <div class="font-14 w-100">Please enter your email address.
  160. </div>
  161. <div class="input-group has-validation forgot-password-inputgroup">
  162. <div class="form-floating py-0">
  163. <input type="email" class="form-control shadow-none h-50p"
  164. id="forgot_User_Email" placeholder="Enter Your Email"
  165. autocomplete="off">
  166. <label for="forgot_User_Email">Email address</label>
  167. </div>
  168. <div class="invalid-feedback">
  169. Please enter your email.
  170. </div>
  171. </div>
  172. <div class="mt-3">
  173. <div>
  174. <div class="btn bg-gradient-anwi w-100 loader-btn"
  175. style="display: none;">
  176. <span class="loader"></span>
  177. </div>
  178. <a href="#" class="btn bg-gradient-anwi w-100 text-white fw-500"
  179. id="forgot_password_submit" type="submit">Submit</a>
  180. </div>
  181. </div>
  182. </div>
  183. <div class="otp-validation">
  184. <div class="otp-input-group mt-3" style="display: none;">
  185. <div>
  186. <h4 class="text-center">Enter OTP</h4>
  187. <div class="text-center">we have sent an OTP to this Email
  188. </div>
  189. <p class="user_email text-center"></p>
  190. <div class="otp-sent-email fw-600 text-center"></div>
  191. </div>
  192. <div class="d-flex my-4">
  193. <div class="col">
  194. <div class="form-group">
  195. <input type="text" class="press form-control"
  196. name="code" maxlength="1" tabindex="1"
  197. autocomplete="off">
  198. </div>
  199. </div>
  200. <div class="col">
  201. <div class="form-group">
  202. <input type="text" class="press form-control"
  203. name="code" maxlength="1" tabindex="2"
  204. autocomplete="off">
  205. </div>
  206. </div>
  207. <div class="col">
  208. <div class="form-group">
  209. <input type="text" class="press form-control"
  210. name="code" maxlength="1" tabindex="3"
  211. autocomplete="off">
  212. </div>
  213. </div>
  214. <div class="col">
  215. <div class="form-group">
  216. <input type="text" class="press form-control"
  217. name="code" maxlength="1" tabindex="4"
  218. autocomplete="off">
  219. </div>
  220. </div>
  221. <div class="col">
  222. <div class="form-group">
  223. <input type="text" class="press form-control"
  224. name="code" maxlength="1" tabindex="5"
  225. autocomplete="off">
  226. </div>
  227. </div>
  228. <div class="col">
  229. <div class="form-group">
  230. <input type="text" class="press form-control"
  231. name="code" maxlength="1" tabindex="6"
  232. autocomplete="off">
  233. </div>
  234. </div>
  235. </div>
  236. <div>
  237. <div class="btn bg-gradient-anwi w-100 loader-btn"
  238. style="display: none;">
  239. <span class="loader"></span>
  240. </div>
  241. <a href="#" class="bg-gradient-anwi btn fw-500 text-white w-100"
  242. id="Forgot_pass_proceed" type="submit">CONFIRM</a>
  243. </div>
  244. </div>
  245. </div>
  246. </div>
  247. <div class="login-forgot-password-details-div" style="display:none">
  248. <!-- <div
  249. class="font-16 d-flex justify-content-between font-w600 text-darkgrey w-100 backtologin">
  250. <span>Forgot Password?</span>
  251. <a href="#" class=""
  252. id="forgot_Password_Details_Back"><span
  253. class=" cursor-pointer text-center d-flex align-items-center"><i
  254. class="fa-solid fa-arrow-left"></i></span></a>
  255. </div> -->
  256. <div class="font-14 w-100 password_display">Please Enter your New Password.
  257. </div>
  258. <div class="input-group has-validation forgot-password-details-inputgroup">
  259. <div class=" align-items-center d-flex form-floating position-relative py-0">
  260. <input type="password"
  261. class="form-control shadow-none h-50p user_pass"
  262. id="forgot-password-input-one" placeholder="Enter New Password "
  263. autocomplete="off">
  264. <span class="end-0 pswd_eye me-2 position-absolute"><svg
  265. class="svg-inline--fa fa-eye" aria-hidden="true"
  266. focusable="false" data-prefix="fas" data-icon="eye"
  267. role="img" xmlns="http://www.w3.org/2000/svg"
  268. viewBox="0 0 576 512" data-fa-i2svg="">
  269. <path fill="currentColor"
  270. d="M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z">
  271. </path>
  272. </svg><!-- <i class="fa-solid fa-eye"></i> Font Awesome fontawesome.com --></span>
  273. <label for="forgot-password-input-one">Enter New Password</label>
  274. </div>
  275. <div class="invalid-feedback">
  276. Please enter your Password.
  277. </div>
  278. <div class="pswd_info" style="display: none;z-index: 1;">
  279. <p>Password must contain:</p>
  280. <ul>
  281. <li id="chck_capital" class="invalid">At least <strong>one
  282. capital
  283. letter</strong></li>
  284. <li id="chck_special" class="invalid">At least <strong>one
  285. special
  286. letter</strong></li>
  287. <li id="chck_number" class="invalid">At least <strong>one
  288. number</strong></li>
  289. <li id="chck_length" class="invalid">At least <strong>8
  290. characters</strong></li>
  291. </ul>
  292. </div>
  293. </div>
  294. <div
  295. class="input-group has-validation forgot-password-details-inputgroup mt-4">
  296. <div class="form-floating py-0">
  297. <input type="text" class="form-control shadow-none h-50p user_pass"
  298. id="forgot-password-input-two"
  299. placeholder="Confirm New Password" autocomplete="off">
  300. <label for="forgot-password-input-two">Confirm New Password</label>
  301. </div>
  302. <div class="invalid-feedback">
  303. Please enter your Password.
  304. </div>
  305. </div>
  306. <div class="mt-3 ">
  307. <div>
  308. <div class="btn bg-gradient-anwi w-100 loader-btn"
  309. style="display: none;">
  310. <span class="loader"></span>
  311. </div>
  312. <a href="#" class="btn bg-gradient-anwi w-100 text-white fw-500"
  313. id="forgot_password_details_submit" type="submit">Submit</a>
  314. </div>
  315. </div>
  316. </div>
  317. </form>
  318. </div>
  319. <div class="tab-pane fade" id="pills-registration" role="tabpanel"
  320. aria-labelledby="pills-registration-tab" tabindex="0">
  321. <form id="register_form">
  322. <div class="email-password-group">
  323. <div class="input-group has-validation email-login-inputgroup">
  324. <div class="form-floating py-0">
  325. <input type="email" class="form-control shadow-none h-50p"
  326. id="User_Email" placeholder="Enter Your Email"
  327. autocomplete="off">
  328. <label for="User_Email">Email address</label>
  329. </div>
  330. <div class="invalid-feedback">
  331. Please enter your email.
  332. </div>
  333. </div>
  334. <div class="input-group has-validation mt-3 password-login-inputgroup">
  335. <div class="align-items-center d-flex form-floating position-relative py-0"
  336. id="password-input-div">
  337. <input type="password" class="form-control shadow-none h-50p"
  338. id="User_password" placeholder="Password"
  339. autocomplete="no password" required="">
  340. <span class="end-0 pswd_eye me-2 position-absolute"><svg
  341. class="svg-inline--fa fa-eye" aria-hidden="true"
  342. focusable="false" data-prefix="fas" data-icon="eye"
  343. role="img" xmlns="http://www.w3.org/2000/svg"
  344. viewBox="0 0 576 512" data-fa-i2svg="">
  345. <path fill="currentColor"
  346. d="M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z">
  347. </path>
  348. </svg><!-- <i class="fa-solid fa-eye"></i> Font Awesome fontawesome.com --></span>
  349. <label for="User_password">Password</label>
  350. </div>
  351. <div class="invalid-feedback">
  352. Please enter your password.
  353. </div>
  354. <div class="pswd_info" style="display: none;">
  355. <p>Password must contain:</p>
  356. <ul>
  357. <li id="chck_capital" class="invalid">At least <strong>one
  358. capital
  359. letter</strong></li>
  360. <li id="chck_special" class="invalid">At least <strong>one
  361. special
  362. letter</strong></li>
  363. <li id="chck_number" class="invalid">At least <strong>one
  364. number</strong></li>
  365. <li id="chck_length" class="invalid">At least <strong>8
  366. characters</strong></li>
  367. </ul>
  368. </div>
  369. </div>
  370. <div class="fs-7 mt-2 satoshi_font">
  371. By continuing, I agree to the
  372. <a href="#"
  373. class="text-theme-color text-decoration-underline fs-7 fw-600">Terms
  374. of
  375. Use</a>
  376. &amp;
  377. <a href="#"
  378. class="text-theme-color text-decoration-underline fs-7 fw-600">Privacy
  379. Policy</a>
  380. </div>
  381. <div class="mt-3 ">
  382. <div>
  383. <div class="btn bg-gradient-anwi w-100 loader-btn"
  384. style="display: none;">
  385. <span class="loader"></span>
  386. </div>
  387. <a href="#" class="btn bg-gradient-anwi text-white w-100 fw-500"
  388. id="register_btn" type="submit">REGISTER</a>
  389. </div>
  390. </div>
  391. </div>
  392. <div class="register_otp otp-input-group mt-3" style="display: none;">
  393. <div>
  394. <h4 class="text-center">Enter OTP</h4>
  395. <div class="text-center">we have sent an OTP to this Email </div>
  396. <div class="otp-sent-email fw-600 text-center"></div>
  397. </div>
  398. <div class="d-flex my-4">
  399. <div class="col">
  400. <div class="form-group">
  401. <input type="text" class="press form-control" name="code"
  402. maxlength="1" tabindex="1" autocomplete="off">
  403. </div>
  404. </div>
  405. <div class="col">
  406. <div class="form-group">
  407. <input type="text" class="press form-control" name="code"
  408. maxlength="1" tabindex="2" autocomplete="off">
  409. </div>
  410. </div>
  411. <div class="col">
  412. <div class="form-group">
  413. <input type="text" class="press form-control" name="code"
  414. maxlength="1" tabindex="3" autocomplete="off">
  415. </div>
  416. </div>
  417. <div class="col">
  418. <div class="form-group">
  419. <input type="text" class="press form-control" name="code"
  420. maxlength="1" tabindex="4" autocomplete="off">
  421. </div>
  422. </div>
  423. <div class="col">
  424. <div class="form-group">
  425. <input type="text" class="press form-control" name="code"
  426. maxlength="1" tabindex="5" autocomplete="off">
  427. </div>
  428. </div>
  429. <div class="col">
  430. <div class="form-group">
  431. <input type="text" class="press form-control" name="code"
  432. maxlength="1" tabindex="6" autocomplete="off">
  433. </div>
  434. </div>
  435. </div>
  436. <div>
  437. <div class="btn bg-gradient-anwi w-100 loader-btn"
  438. style="display: none;">
  439. <span class="loader"></span>
  440. </div>
  441. <a href="#" class="btn btn-primary w-100 fw-500" id="proceed"
  442. type="submit">CONFIRM</a>
  443. </div>
  444. </div>
  445. </form>
  446. </div>
  447. </div>
  448. </div>
  449. </div>
  450. </div>
  451. </div>
  452. </div>
  453. </section>
  454. <!-- footer -->
  455. <!-- <div id="footer-head"></div> -->
  456. <!-- end-footer -->
  457. <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
  458. <script src="./dist/js/jquery.min.js"></script>
  459. <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
  460. <script src="./dist/js/auth/apiservice.js"></script>
  461. <script src="./libs/cookies.min.js"></script>
  462. <script src="./libs/axios.min.js"></script>
  463. <!-- <script src="./dist/js/auth/login.js"></script> -->
  464. <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
  465. <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
  466. <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
  467. <script src="./dist/js/vendor/bootstrap.min.js"></script>
  468. <script src="./dist/js/plugins/slick.js"></script>
  469. <script src="./dist/js/plugins/wow.js"></script>
  470. <script src="./dist/js/plugins/svg-injector.min.js"></script>
  471. <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
  472. <script src="./dist/js/plugins/mouse-parallax.js"></script>
  473. <script src="./dist/js/plugins/images-loaded.js"></script>
  474. <script src="./dist/js/plugins/isotope.js"></script>
  475. <script src="../dist/js/fontawesome.all.js"></script>
  476. <script src="./dist/js/utils/CookieHelper.js"></script>
  477. <script src="./dist/toaster/toastr.js"></script>
  478. <script src="./dist/js/auth/login.js"></script>
  479. <script src="./dist/js/navbar.js"></script>
  480. <script src="./dist/js/footer.js"></script>
  481. <!-- Main JS -->
  482. <script src="./dist/js/main.js"></script>
  483. </body>
  484. </html>