New UI layout
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.

index.html 3.9KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Login</title>
  8. <link rel="stylesheet" href="../assets/css/login.css">
  9. </head>
  10. <body>
  11. <div class="biz-login-wrap">
  12. <div class="form-container">
  13. <div class="email-box" id="emailBox">
  14. <div class="form-header">
  15. <img id="logo" src="../assets/imgs/biz-logo.svg" alt="">
  16. </div>
  17. <div id="div_ValidationSummary"></div>
  18. <div class="form-body">
  19. <div id="div_ForgotPswd" class="">
  20. <h2>Forgot Password</h2>
  21. <h4 class="opt-text">Need help with your Password?</h4>
  22. <div class="form-group">
  23. <input type="text input" required autocomplete="off" id="txt_PhoneorMail" type="text">
  24. <label class="form-control-placeholder" for="name">Enter Registered Email or Mobile</label>
  25. </div>
  26. <div class="btn-div"><button class="btn btn-block" onclick="showOtpBox()" id="btn_SendCode" type="button">Send</button></div>
  27. <div class="back-btn"><a href="../login/index.html" >Back to login</a></div>
  28. </div>
  29. <div id="modal_Otp" style="display: none;">
  30. <h4 class="opt-text">We have sent OTP on your Mobile Number and Email!</h4>
  31. <div class="form-group">
  32. <input type="text input" required autocomplete="off" id="txt_Code" type="text">
  33. <label class="form-control-placeholder" for="name">Enter Mobile OTP/Email OTP</label>
  34. </div>
  35. <div class="verify-block" style="display:block">
  36. <button type="button" class="btn btn-primary pull-left" id="btn_ResendCode">Resend</button>
  37. <button type="button" onclick="showPasswordBox()" class="btn btn-primary pull-right" id="btn_VerifyCode">Verify</button>
  38. </div>
  39. </div>
  40. <div id="div_ResetPswd" style="display: none;">
  41. <h4 class="opt-text">Please reset your password</h4>
  42. <div class="form-group">
  43. <input type="text input" required id="txt_NewPassword" type="password" autocomplete="off">
  44. <label class="form-control-placeholder" for="name">New password</label>
  45. </div>
  46. <div class="form-group conformPassword">
  47. <input type="text input" required id="txt_ConfirmPassword" type="password" autocomplete="off">
  48. <label class="form-control-placeholder" for="name">Re-enter new password</label>
  49. </div>
  50. <div class="btn-div"><button class="btn btn-block " onclick="showSuccessBox()" id="btn_ResetPswd" type="button">Reset Password</button></div>
  51. <div class="back-btn"><a href="../login/index.html" >Back to login</a></div>
  52. </div>
  53. <div id="div_SuccessMsg" style="display: none;">
  54. <div class="d-62 bg-white rounded-circle mb-10 d-flex align-items-center justify-content-center mx-auto">
  55. <i class="fa fa-check font-50 text-success"></i>
  56. </div>
  57. <h2>Password Updated Successfully</h2>
  58. <div class="reset-success">
  59. <a href="../login/index.html" >Click here to Login</a>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. <script src="../assets/js/forgotpassword.js"></script>
  67. </body>
  68. </html>