reset.html 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  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 name="description" content="A layout example with a side menu that hides on mobile, just like the Pure website.">
  7. <title>Evil Corp | Password reset</title>
  8. <link rel="stylesheet" href="/static/pure.css">
  9. <link rel="stylesheet" href="/static/menu.css">
  10. <style>
  11. .login {
  12. margin-right: auto;
  13. margin-left: auto;
  14. width: 240px;
  15. }
  16. .pure-input {
  17. width: 240px;
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <div id="layout">
  23. {% include 'nav.html' %}
  24. <div id="main">
  25. <div class="header">
  26. <h1>Evil Corp</h1>
  27. <h2>Can't remember your password?</h2>
  28. </div>
  29. <div class="login">
  30. <form class="pure-form" method="post" action="">
  31. <fieldset class="pure-group">
  32. <input type="email" class="pure-input" placeholder="Email" name="email">
  33. </fieldset>
  34. <button type="submit" class="pure-button pure-input pure-button-primary">Send</button>
  35. </form>
  36. </div>
  37. <div class="header">
  38. <h2>Already got a token?</h2>
  39. </div>
  40. <div class="login">
  41. <form class="pure-form" method="post" action="/reset2">
  42. <fieldset class="pure-group">
  43. <input type="email" class="pure-input" placeholder="Email" name="email">
  44. <input type="text" class="pure-input" placeholder="Reset Token" name="token">
  45. </fieldset>
  46. <button type="submit" class="pure-button pure-input pure-button-primary">Reset</button>
  47. </form>
  48. </div>
  49. </div>
  50. </div>
  51. <script src="/static/ui.js"></script>
  52. </body>
  53. </html>