login.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  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 | Login</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>Login to access our corporate resources</h2>
  28. </div>
  29. <div class="login">
  30. <form class="pure-form" method="post" action="">
  31. <fieldset class="pure-group">
  32. <input type="text" class="pure-input" placeholder="Username" name="username">
  33. <input type="password" class="pure-input" placeholder="Password" name="password">
  34. </fieldset>
  35. <button type="submit" class="pure-button pure-input pure-button-primary">Sign in</button>
  36. <p><a href="/reset">Forgot password?</a></p>
  37. </form>
  38. </div>
  39. </div>
  40. </div>
  41. <script src="/static/ui.js"></script>
  42. </body>
  43. </html>