login.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  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. <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  8. <meta name="description" content="">
  9. <meta name="author" content="">
  10. <link rel="icon" href="../../favicon.ico">
  11. <title>Special Dispatch</title>
  12. <!-- Bootstrap core CSS -->
  13. <link href="css/bootstrap.min.css" rel="stylesheet">
  14. <!-- Custom styles for this template -->
  15. <style>
  16. body {
  17. padding-top: 40px;
  18. padding-bottom: 40px;
  19. background-color: #eee;
  20. }
  21. .form-signin {
  22. max-width: 330px;
  23. padding: 15px;
  24. margin: 0 auto;
  25. }
  26. .form-signin .form-signin-heading,
  27. .form-signin .checkbox {
  28. margin-bottom: 10px;
  29. }
  30. .form-signin .checkbox {
  31. font-weight: normal;
  32. }
  33. .form-signin .form-control {
  34. position: relative;
  35. height: auto;
  36. -webkit-box-sizing: border-box;
  37. -moz-box-sizing: border-box;
  38. box-sizing: border-box;
  39. padding: 10px;
  40. font-size: 16px;
  41. }
  42. .form-signin .form-control:focus {
  43. z-index: 2;
  44. }
  45. .form-signin input[type="email"] {
  46. margin-bottom: -1px;
  47. border-bottom-right-radius: 0;
  48. border-bottom-left-radius: 0;
  49. }
  50. .form-signin input[type="password"] {
  51. margin-bottom: 10px;
  52. border-top-left-radius: 0;
  53. border-top-right-radius: 0;
  54. }
  55. </style>
  56. </head>
  57. <body>
  58. <div class="container">
  59. <form class="form-signin">
  60. <h2 class="form-signin-heading">Special Dispatch</h2>
  61. <label for="inputEmail" class="sr-only">Email address</label>
  62. <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus>
  63. <label for="inputPassword" class="sr-only">Password</label>
  64. <input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
  65. <div class="checkbox">
  66. <label>
  67. <input type="checkbox" value="remember-me"> Remember me
  68. </label>
  69. </div>
  70. <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
  71. </form>
  72. </div> <!-- /container -->
  73. <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  74. <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
  75. </body>
  76. </html>