Ingen beskrivning
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

login_fav.html 42KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620
  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 class="container">
  47. <div class="spinner d-flex justify-content-center align-items-center">
  48. <div class="spinner-border d-none" role="status">
  49. <span class="visually-hidden">Loading...</span>
  50. </div>
  51. </div>
  52. </div>
  53. <div class="loginContainer mainLogin bg-gradient-violet mt-0 pt-md-5 h-100 satoshi_font d-flex align-items-center">
  54. <div class="container">
  55. <div class="row justify-content-center">
  56. <div class="col-sm-4 ">
  57. <div class="card p-4 shadow rounded-3">
  58. <a href="index.html" class="text-center mx-auto mb-5 mt-2"><img src="../dist/assets/imgs/anwi-logo-1.png" alt="logo" class="w-50"></a>
  59. <div class="alert alert-danger error_msg " role="alert" style="font-size:12px;display:none"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2646 3.41366C11.7212 3.15681 12.2788 3.15681 12.7354 3.41366L19.2354 7.06991C19.7077 7.33558 20 7.83536 20 8.37727V15.6227C20 16.1646 19.7077 16.6644 19.2354 16.9301L12.7354 20.5863C12.2788 20.8432 11.7212 20.8432 11.2646 20.5863L4.76461 16.9301C4.29229 16.6644 4 16.1646 4 15.6227V8.37727C4 7.83536 4.29229 7.33559 4.76461 7.06991L11.2646 3.41366Z" fill="#FF3A2E"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7.4C11 7.17909 11.1791 7 11.4 7H12.6C12.8209 7 13 7.17909 13 7.4V12.6C13 12.8209 12.8209 13 12.6 13H11.4C11.1791 13 11 12.8209 11 12.6V7.4Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 16C11 15.4477 11.4477 15 12 15C12.5523 15 13 15.4477 13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16Z" fill="white"></path></svg>
  60. <span class="error_msg_res" ></span>
  61. </div>
  62. <div class="login_section">
  63. <form id="login_form">
  64. <div class="login-email-password-div">
  65. <div class="input-group has-validation email-login-inputgroup">
  66. <div class="form-floating py-0">
  67. <input type="email" class="form-control shadow-none h-50p"
  68. id="User_Email" placeholder="Enter Your Email"
  69. autocomplete="off">
  70. <label for="User_Email">Email address</label>
  71. </div>
  72. <div class="invalid-feedback">
  73. Please enter your email.
  74. </div>
  75. </div>
  76. <div class="input-group has-validation mt-3 password-login-inputgroup">
  77. <div class="form-floating py-0" id="password-input-div">
  78. <input type="password" class="form-control shadow-none h-50p"
  79. id="User_password" placeholder="Password"
  80. autocomplete="no password">
  81. <label for="User_password">Password</label>
  82. </div>
  83. <div class="invalid-feedback">
  84. Please enter your password.
  85. </div>
  86. </div>
  87. <div class="my-2">
  88. <a href="#" class="text-theme-color fs-9 fw-500" id="forgotPassword">Forgot password?</a>
  89. </div>
  90. <div class="fs-7 mt-2 satoshi_font">
  91. By continuing, I agree to the
  92. <a href="#"
  93. class="text-theme-color text-decoration-underline fs-7 fw-600">Terms
  94. of
  95. Use</a>
  96. &amp;
  97. <a href="#"
  98. class="text-theme-color text-decoration-underline fs-7 fw-600">Privacy
  99. Policy</a>
  100. </div>
  101. <div class="mt-4 ">
  102. <div>
  103. <div class="btn bg-gradient-anwi w-100 loader-btn"
  104. style="display: none;">
  105. <span class="loader"></span>
  106. </div>
  107. <a href="#" class="btn bg-gradient-anwi w-100 fw-500" id="Login_btn"
  108. type="submit">Login</a>
  109. </div>
  110. </div>
  111. <div class="my-3 mt-4">
  112. <p class="or_line"><span>or</span></p>
  113. </div>
  114. <div class="mt-4 mb-5">
  115. <a href="#" class="btn bg-gradient-anwi-outline w-100 fw-500 register_sectionbtn" id="register_sectionbtn"
  116. >Sign Up</a>
  117. </div>
  118. </div>
  119. <div class="login-forgot-password-div" style="display:none">
  120. <div
  121. class="font-16 d-flex justify-content-end font-w600 text-darkgrey w-100 backtologin">
  122. <!-- <span>Forgot Password?</span> -->
  123. <a href="./login.html" class="" id="forgot_Password_Back"><span
  124. class=" cursor-pointer text-center d-flex align-items-center"><i
  125. class="fa-solid fa-arrow-left"></i></span></a>
  126. </div>
  127. <div class="email-validation">
  128. <div class="font-14 w-100">Please enter your email address.
  129. </div>
  130. <div class="input-group has-validation forgot-password-inputgroup">
  131. <div class="form-floating py-0">
  132. <input type="email" class="form-control shadow-none h-50p"
  133. id="forgot_User_Email" placeholder="Enter Your Email"
  134. autocomplete="off">
  135. <label for="forgot_User_Email">Email address</label>
  136. </div>
  137. <div class="invalid-feedback">
  138. Please enter your email.
  139. </div>
  140. </div>
  141. <div class="mt-3">
  142. <div>
  143. <div class="btn bg-gradient-anwi w-100 loader-btn"
  144. style="display: none;">
  145. <span class="loader"></span>
  146. </div>
  147. <a href="#" class="btn bg-gradient-anwi w-100 text-white fw-500"
  148. id="forgot_password_submit" type="submit">Submit</a>
  149. </div>
  150. </div>
  151. </div>
  152. <div class="otp-validation">
  153. <div class="otp-input-group mt-3" style="display: none;">
  154. <div>
  155. <h4 class="text-center">Enter OTP</h4>
  156. <div class="text-center">we have sent an OTP to this Email
  157. </div>
  158. <p class="user_email text-center"></p>
  159. <div class="otp-sent-email fw-600 text-center"></div>
  160. </div>
  161. <div class="d-flex my-4">
  162. <div class="col">
  163. <div class="form-group">
  164. <input type="text" class="press form-control"
  165. name="code" maxlength="1" tabindex="1"
  166. autocomplete="off">
  167. </div>
  168. </div>
  169. <div class="col">
  170. <div class="form-group">
  171. <input type="text" class="press form-control"
  172. name="code" maxlength="1" tabindex="2"
  173. autocomplete="off">
  174. </div>
  175. </div>
  176. <div class="col">
  177. <div class="form-group">
  178. <input type="text" class="press form-control"
  179. name="code" maxlength="1" tabindex="3"
  180. autocomplete="off">
  181. </div>
  182. </div>
  183. <div class="col">
  184. <div class="form-group">
  185. <input type="text" class="press form-control"
  186. name="code" maxlength="1" tabindex="4"
  187. autocomplete="off">
  188. </div>
  189. </div>
  190. <div class="col">
  191. <div class="form-group">
  192. <input type="text" class="press form-control"
  193. name="code" maxlength="1" tabindex="5"
  194. autocomplete="off">
  195. </div>
  196. </div>
  197. <div class="col">
  198. <div class="form-group">
  199. <input type="text" class="press form-control"
  200. name="code" maxlength="1" tabindex="6"
  201. autocomplete="off">
  202. </div>
  203. </div>
  204. </div>
  205. <div>
  206. <div class="btn bg-gradient-anwi w-100 loader-btn"
  207. style="display: none;">
  208. <span class="loader"></span>
  209. </div>
  210. <a href="#" class="bg-gradient-anwi btn fw-500 text-white w-100"
  211. id="Forgot_pass_proceed" type="submit">CONFIRM</a>
  212. </div>
  213. </div>
  214. </div>
  215. </div>
  216. <div class="login-forgot-password-details-div" style="display:none">
  217. <!-- <div
  218. class="font-16 d-flex justify-content-between font-w600 text-darkgrey w-100 backtologin">
  219. <span>Forgot Password?</span>
  220. <a href="#" class=""
  221. id="forgot_Password_Details_Back"><span
  222. class=" cursor-pointer text-center d-flex align-items-center"><i
  223. class="fa-solid fa-arrow-left"></i></span></a>
  224. </div> -->
  225. <div class="font-14 w-100 password_display">Please Enter your New Password.
  226. </div>
  227. <div class="input-group has-validation forgot-password-details-inputgroup">
  228. <div class=" align-items-center d-flex form-floating position-relative py-0">
  229. <input type="password"
  230. class="form-control shadow-none h-50p user_pass"
  231. id="forgot-password-input-one" placeholder="Enter New Password "
  232. autocomplete="off">
  233. <span class="end-0 pswd_eye me-3 position-absolute"><svg
  234. class="svg-inline--fa fa-eye" aria-hidden="true"
  235. focusable="false" data-prefix="fas" data-icon="eye"
  236. role="img" xmlns="http://www.w3.org/2000/svg"
  237. viewBox="0 0 576 512" data-fa-i2svg="">
  238. <path fill="currentColor"
  239. 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">
  240. </path>
  241. </svg><!-- <i class="fa-solid fa-eye"></i> Font Awesome fontawesome.com --></span>
  242. <label for="forgot-password-input-one">Enter New Password</label>
  243. </div>
  244. <div class="invalid-feedback">
  245. Please enter your Password.
  246. </div>
  247. <div class="pswd_info" style="display: none;z-index: 1;">
  248. <p>Password must contain:</p>
  249. <ul>
  250. <li id="chck_capital" class="invalid">At least <strong>one
  251. capital
  252. letter</strong></li>
  253. <li id="chck_special" class="invalid">At least <strong>one
  254. special
  255. letter</strong></li>
  256. <li id="chck_number" class="invalid">At least <strong>one
  257. number</strong></li>
  258. <li id="chck_length" class="invalid">At least <strong>8
  259. characters</strong></li>
  260. </ul>
  261. </div>
  262. </div>
  263. <div
  264. class="input-group has-validation forgot-password-details-inputgroup mt-4">
  265. <div class="form-floating py-0">
  266. <input type="text" class="form-control shadow-none h-50p user_pass"
  267. id="forgot-password-input-two"
  268. placeholder="Confirm New Password" autocomplete="off">
  269. <label for="forgot-password-input-two">Confirm New Password</label>
  270. </div>
  271. <div class="invalid-feedback">
  272. Please enter your Password.
  273. </div>
  274. </div>
  275. <div class="mt-3 ">
  276. <div>
  277. <div class="btn bg-gradient-anwi w-100 loader-btn"
  278. style="display: none;">
  279. <span class="loader"></span>
  280. </div>
  281. <a href="#" class="btn bg-gradient-anwi w-100 text-white fw-500"
  282. id="forgot_password_details_submit" type="submit">Submit</a>
  283. </div>
  284. </div>
  285. </div>
  286. </form>
  287. </div>
  288. <div class="email-validate-div" style="display:none">
  289. <div
  290. class="font-16 d-flex justify-content-end font-w600 text-darkgrey w-100 backtologin">
  291. <!-- <span>Forgot Password?</span> -->
  292. <a href="./login.html" class="" id="email_validate_back"><span
  293. class=" cursor-pointer text-center d-flex align-items-center"><i
  294. class="fa-solid fa-arrow-left"></i></span></a>
  295. </div>
  296. <div class="email-validation">
  297. <div class="font-14 w-100">Please enter your email address.
  298. </div>
  299. <div class="input-group has-validation forgot-password-inputgroup">
  300. <div class="form-floating py-0">
  301. <input type="email" class="form-control shadow-none h-50p"
  302. id="email_validation_input" placeholder="Enter Your Email"
  303. autocomplete="off">
  304. <label for="email_validation_input">Email address</label>
  305. </div>
  306. <div class="invalid-feedback">
  307. Please enter your email.
  308. </div>
  309. </div>
  310. <div class="mt-3">
  311. <div>
  312. <div class="btn bg-gradient-anwi w-100 loader-btn"
  313. style="display: none;">
  314. <span class="loader"></span>
  315. </div>
  316. <a href="#" class="btn bg-gradient-anwi w-100 text-white fw-500"
  317. id="email_validate_submit" type="submit">Submit</a>
  318. </div>
  319. </div>
  320. </div>
  321. <div class="otp-validation">
  322. <div class="otp-input-group mt-3" style="display: none;">
  323. <div>
  324. <h4 class="text-center">Enter OTP</h4>
  325. <div class="text-center">we have sent an OTP to this Email
  326. </div>
  327. <p class="user_email text-center"></p>
  328. <div class="otp-sent-email fw-600 text-center"></div>
  329. </div>
  330. <div class="d-flex my-4">
  331. <div class="col">
  332. <div class="form-group">
  333. <input type="text" class="press form-control"
  334. name="code" maxlength="1" tabindex="1"
  335. autocomplete="off">
  336. </div>
  337. </div>
  338. <div class="col">
  339. <div class="form-group">
  340. <input type="text" class="press form-control"
  341. name="code" maxlength="1" tabindex="2"
  342. autocomplete="off">
  343. </div>
  344. </div>
  345. <div class="col">
  346. <div class="form-group">
  347. <input type="text" class="press form-control"
  348. name="code" maxlength="1" tabindex="3"
  349. autocomplete="off">
  350. </div>
  351. </div>
  352. <div class="col">
  353. <div class="form-group">
  354. <input type="text" class="press form-control"
  355. name="code" maxlength="1" tabindex="4"
  356. autocomplete="off">
  357. </div>
  358. </div>
  359. <div class="col">
  360. <div class="form-group">
  361. <input type="text" class="press form-control"
  362. name="code" maxlength="1" tabindex="5"
  363. autocomplete="off">
  364. </div>
  365. </div>
  366. <div class="col">
  367. <div class="form-group">
  368. <input type="text" class="press form-control"
  369. name="code" maxlength="1" tabindex="6"
  370. autocomplete="off">
  371. </div>
  372. </div>
  373. </div>
  374. <div>
  375. <div class="btn bg-gradient-anwi w-100 loader-btn"
  376. style="display: none;">
  377. <span class="loader"></span>
  378. </div>
  379. <a href="#" class="bg-gradient-anwi btn fw-500 text-white w-100"
  380. id="email_validate_proceed" type="submit">CONFIRM</a>
  381. </div>
  382. </div>
  383. </div>
  384. </div>
  385. <div class="register_section" style="display: none;">
  386. <form id="register_form">
  387. <div class="email-password-group">
  388. <div class="input-group has-validation email-login-inputgroup">
  389. <div class="form-floating py-0">
  390. <input type="email" class="form-control shadow-none h-50p"
  391. id="User_Email" placeholder="Enter Your Email"
  392. autocomplete="off">
  393. <label for="User_Email">Email address</label>
  394. </div>
  395. <div class="invalid-feedback">
  396. Please enter your email.
  397. </div>
  398. </div>
  399. <div class="input-group has-validation mt-3 password-login-inputgroup">
  400. <div class="align-items-center d-flex form-floating position-relative py-0"
  401. id="password-input-div">
  402. <input type="password" class="form-control shadow-none h-50p"
  403. id="User_password" placeholder="Password"
  404. autocomplete="no password" required="">
  405. <span class="end-0 pswd_eye me-4 pe-2 position-absolute"><svg
  406. class="svg-inline--fa fa-eye" aria-hidden="true"
  407. focusable="false" data-prefix="fas" data-icon="eye"
  408. role="img" xmlns="http://www.w3.org/2000/svg"
  409. viewBox="0 0 576 512" data-fa-i2svg="">
  410. <path fill="currentColor"
  411. 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">
  412. </path>
  413. </svg><!-- <i class="fa-solid fa-eye"></i> Font Awesome fontawesome.com --></span>
  414. <label for="User_password">Password</label>
  415. </div>
  416. <div class="invalid-feedback">
  417. Please enter your password.
  418. </div>
  419. <div class="pswd_info" style="display: none;">
  420. <p>Password must contain:</p>
  421. <ul>
  422. <li id="chck_capital" class="invalid">At least <strong>one
  423. capital
  424. letter</strong></li>
  425. <li id="chck_special" class="invalid">At least <strong>one
  426. special
  427. letter</strong></li>
  428. <li id="chck_number" class="invalid">At least <strong>one
  429. number</strong></li>
  430. <li id="chck_length" class="invalid">At least <strong>8
  431. characters</strong></li>
  432. </ul>
  433. </div>
  434. </div>
  435. <div class="fs-7 mt-2 satoshi_font">
  436. By continuing, I agree to the
  437. <a href="#"
  438. class="text-theme-color text-decoration-underline fs-7 fw-600">Terms
  439. of
  440. Use</a>
  441. &amp;
  442. <a href="#"
  443. class="text-theme-color text-decoration-underline fs-7 fw-600">Privacy
  444. Policy</a>
  445. </div>
  446. <div class="mt-3 ">
  447. <div>
  448. <div class="btn bg-gradient-anwi w-100 loader-btn"
  449. style="display: none;">
  450. <span class="loader"></span>
  451. </div>
  452. <a href="#" class="btn bg-gradient-anwi text-white w-100 fw-500"
  453. id="register_btn" type="submit">Sign Up</a>
  454. </div>
  455. </div>
  456. <div class="my-3 mt-4">
  457. <p class="or_line"><span>or</span></p>
  458. </div>
  459. <div class="mt-4 mb-5">
  460. <a href="#" class="btn bg-gradient-anwi-outline w-100 fw-500" id="login_sectionbtn"
  461. >Login</a>
  462. </div>
  463. </div>
  464. <div class="register_otp otp-input-group mt-3" style="display: none;">
  465. <div>
  466. <h4 class="text-center">Enter OTP</h4>
  467. <div class="text-center">we have sent an OTP to this Email </div>
  468. <div class="otp-sent-email fw-600 text-center"></div>
  469. </div>
  470. <div class="d-flex my-4">
  471. <div class="col">
  472. <div class="form-group">
  473. <input type="text" class="press form-control" name="code"
  474. maxlength="1" tabindex="1" autocomplete="off">
  475. </div>
  476. </div>
  477. <div class="col">
  478. <div class="form-group">
  479. <input type="text" class="press form-control" name="code"
  480. maxlength="1" tabindex="2" autocomplete="off">
  481. </div>
  482. </div>
  483. <div class="col">
  484. <div class="form-group">
  485. <input type="text" class="press form-control" name="code"
  486. maxlength="1" tabindex="3" autocomplete="off">
  487. </div>
  488. </div>
  489. <div class="col">
  490. <div class="form-group">
  491. <input type="text" class="press form-control" name="code"
  492. maxlength="1" tabindex="4" autocomplete="off">
  493. </div>
  494. </div>
  495. <div class="col">
  496. <div class="form-group">
  497. <input type="text" class="press form-control" name="code"
  498. maxlength="1" tabindex="5" autocomplete="off">
  499. </div>
  500. </div>
  501. <div class="col">
  502. <div class="form-group">
  503. <input type="text" class="press form-control" name="code"
  504. maxlength="1" tabindex="6" autocomplete="off">
  505. </div>
  506. </div>
  507. </div>
  508. <div>
  509. <div class="btn bg-gradient-anwi w-100 loader-btn"
  510. style="display: none;">
  511. <span class="loader"></span>
  512. </div>
  513. <a href="#" class="btn btn-primary w-100 fw-500" id="proceed"
  514. type="submit">CONFIRM</a>
  515. </div>
  516. </div>
  517. </form>
  518. </div>
  519. </div>
  520. </div>
  521. </div>
  522. </div>
  523. </div>
  524. </section>
  525. <!-- footer -->
  526. <!-- <div id="footer-head"></div> -->
  527. <!-- end-footer -->
  528. <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
  529. <script src="./dist/js/jquery.min.js"></script>
  530. <script src="./dist/js/utils/helpers.js"></script>
  531. <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
  532. <script src="./dist/js/shoppingcart/addtocart.js"></script>
  533. <script src="./dist/js/auth/apiservice.js"></script>
  534. <script src="./libs/cookies.min.js"></script>
  535. <script src="./libs/axios.min.js"></script>
  536. <!-- <script src="./dist/js/auth/login.js"></script> -->
  537. <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
  538. <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
  539. <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
  540. <script src="./dist/js/vendor/bootstrap.min.js"></script>
  541. <script src="./dist/js/plugins/slick.js"></script>
  542. <script src="./dist/js/plugins/wow.js"></script>
  543. <script src="./dist/js/plugins/svg-injector.min.js"></script>
  544. <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
  545. <script src="./dist/js/plugins/mouse-parallax.js"></script>
  546. <script src="./dist/js/plugins/images-loaded.js"></script>
  547. <script src="./dist/js/plugins/isotope.js"></script>
  548. <script src="../dist/js/fontawesome.all.js"></script>
  549. <script src="./dist/js/utils/CookieHelper.js"></script>
  550. <script src="./dist/toaster/toastr.js"></script>
  551. <script src="./dist/js/auth/login.js"></script>
  552. <script src="./dist/js/navbar.js"></script>
  553. <script src="./dist/js/footer.js"></script>
  554. <!-- Main JS -->
  555. <script src="./dist/js/main.js"></script>
  556. <script>
  557. $(".register_sectionbtn").click(function(){
  558. debugger;
  559. $('#User_Email').val('');
  560. $('#User_password').val('');
  561. $(".login_section").css("display","none");
  562. $(".register_section").css("display","block");
  563. $(".login_section").find("#User_Email").removeClass("is-invalid");
  564. $(".login_section").find(".form-floating").removeClass("is-invalid");
  565. $(".login_section").find("#User_password").removeClass("is-invalid");
  566. $(".login_section").find(".form-floating").removeClass("is-invalid");
  567. $('.error_msg').hide();
  568. });
  569. $("#login_sectionbtn").click(function(){
  570. $("#register_form").find('#User_Email').val('');
  571. $("#register_form").find('#User_password').val('');
  572. $(".login_section").css("display","block");
  573. $(".register_section").css("display","none");
  574. $(".register_section").find("#User_Email").removeClass("is-invalid");
  575. $(".register_section").find(".form-floating").removeClass("is-invalid");
  576. $(".register_section").find("#User_password").removeClass("is-invalid");
  577. $(".register_section").find(".form-floating").removeClass("is-invalid");
  578. $('.error_msg').hide();
  579. });
  580. </script>
  581. </body>
  582. </html>