Personal book of passwords

index.html 3.0KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  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">
  7. <title>Enigma Login</title>
  8. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" />
  9. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css" />
  10. <style type="text/css">
  11. body {
  12. padding-top: 40px;
  13. padding-bottom: 40px;
  14. background-color: #eee;
  15. }
  16. .form-signin {
  17. max-width: 330px;
  18. padding: 15px;
  19. margin: 0 auto;
  20. }
  21. .form-signin .form-signin-heading,
  22. .form-signin .checkbox {
  23. margin-bottom: 10px;
  24. }
  25. .form-signin .checkbox {
  26. font-weight: normal;
  27. }
  28. .form-signin .form-control {
  29. position: relative;
  30. height: auto;
  31. -webkit-box-sizing: border-box;
  32. -moz-box-sizing: border-box;
  33. box-sizing: border-box;
  34. padding: 10px;
  35. font-size: 16px;
  36. }
  37. .form-signin .form-control:focus {
  38. z-index: 2;
  39. }
  40. .form-signin input[type="email"] {
  41. margin-bottom: -1px;
  42. border-bottom-right-radius: 0;
  43. border-bottom-left-radius: 0;
  44. }
  45. .form-signin input[type="password"] {
  46. margin-bottom: 10px;
  47. border-top-left-radius: 0;
  48. border-top-right-radius: 0;
  49. }
  50. </style>
  51. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  52. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  53. <!--[if lt IE 9]>
  54. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  55. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  56. <![endif]-->
  57. </head>
  58. <body>
  59. <div class="container">
  60. <form action="/" method="post" class="form-signin">
  61. <h2 class="form-signin-heading">Please sign in</h2>
  62. <label for="profile" class="sr-only">Email address</label>
  63. <input type="text" id="profile" name="profile" class="form-control" placeholder="Username" required autofocus>
  64. <label for="p" class="sr-only">Password</label>
  65. <input type="password" id="p" name="p" class="form-control" placeholder="Password" required>
  66. <div class="checkbox">
  67. <label>
  68. <input type="checkbox" value="remember-me"> Remember me
  69. </label>
  70. </div>
  71. <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
  72. </form>
  73. </div>
  74. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  75. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
  76. </body>
  77. </html>