forgot-password.php 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <style>
  2. .bg-password-image {
  3. background: url(https://cropmonitor.info/client-assets/FredTemplate/images/g8.jpg); /* https://source.unsplash.com/K4mSJ7kc0As/600x800 */
  4. background-position: center;
  5. background-size: cover;
  6. }
  7. </style>
  8. <body class="bg-gradient-success" >
  9. <div class="container">
  10. <!-- Outer Row -->
  11. <div class="row justify-content-center">
  12. <div class="col-xl-10 col-lg-12 col-md-9">
  13. <div class="card o-hidden border-0 shadow-lg my-5">
  14. <div class="card-body p-0">
  15. <!-- Nested Row within Card Body -->
  16. <div class="row">
  17. <div class="col-lg-6 d-none d-lg-block bg-password-image"></div>
  18. <div class="col-lg-6">
  19. <div class="p-5">
  20. <div class="text-center">
  21. <h1 class="h4 text-gray-900 mb-2">Forgot Your Password?</h1>
  22. <p class="mb-4">We get it, stuff happens. Just enter your email address below and we'll send you a link to reset your password!</p>
  23. </div>
  24. [[!ForgotPassword?
  25. &resetResourceId=`3`
  26. &tpl=`CMlgnForgotPassTpl`
  27. &loginResourceId=`4`
  28. ]]
  29. <hr>
  30. <div class="text-center">
  31. <a class="small" href="[[~5]]">Create an Account!</a>
  32. </div>
  33. <div class="text-center">
  34. <a class="small" href="[[~4]]">Already have an account? Login!</a>
  35. </div>
  36. </div>
  37. </div>
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. </body>
  43. `