sign-in.html 3.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  6. <title>Sign In | Bootstrap Based Admin Template - Material Design</title>
  7. <!-- Favicon-->
  8. <link rel="icon" href="../../favicon.ico" type="image/x-icon">
  9. <!-- Google Fonts -->
  10. <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet" type="text/css">
  11. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css">
  12. <!-- Bootstrap Core Css -->
  13. <link href="../../plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
  14. <!-- Waves Effect Css -->
  15. <link href="../../plugins/node-waves/waves.css" rel="stylesheet" />
  16. <!-- Animation Css -->
  17. <link href="../../plugins/animate-css/animate.css" rel="stylesheet" />
  18. <!-- Custom Css -->
  19. <link href="../../css/style-frontend.css" rel="stylesheet">
  20. </head>
  21. <body class="login-page">
  22. <div class="login-box">
  23. <div class="logo">
  24. <a href="javascript:void(0);">Admin<b>BSB</b></a>
  25. <small>Admin BootStrap Based - Material Design</small>
  26. </div>
  27. <div class="card">
  28. <div class="body">
  29. <form id="sign_in" method="POST">
  30. <div class="msg">Sign in to start your session</div>
  31. <div class="input-group">
  32. <span class="input-group-addon">
  33. <i class="material-icons">person</i>
  34. </span>
  35. <div class="form-line">
  36. <input type="text" class="form-control" name="username" placeholder="Username" required autofocus>
  37. </div>
  38. </div>
  39. <div class="input-group">
  40. <span class="input-group-addon">
  41. <i class="material-icons">lock</i>
  42. </span>
  43. <div class="form-line">
  44. <input type="password" class="form-control" name="password" placeholder="Password" required>
  45. </div>
  46. </div>
  47. <div class="row">
  48. <div class="col-xs-8 p-t-5">
  49. <input type="checkbox" name="rememberme" id="rememberme" class="filled-in chk-col-pink">
  50. <label for="rememberme">Remember Me</label>
  51. </div>
  52. <div class="col-xs-4">
  53. <button class="btn btn-block bg-pink waves-effect" type="submit">SIGN IN</button>
  54. </div>
  55. </div>
  56. <div class="row m-t-15 m-b--20">
  57. <div class="col-xs-6">
  58. <a href="sign-up.html">Register Now!</a>
  59. </div>
  60. <div class="col-xs-6 align-right">
  61. <a href="forgot-password.html">Forgot Password?</a>
  62. </div>
  63. </div>
  64. </form>
  65. </div>
  66. </div>
  67. </div>
  68. <!-- Jquery Core Js -->
  69. <script src="../../plugins/jquery/jquery.min.js"></script>
  70. <!-- Bootstrap Core Js -->
  71. <script src="../../plugins/bootstrap/js/bootstrap.js"></script>
  72. <!-- Waves Effect Plugin Js -->
  73. <script src="../../plugins/node-waves/waves.js"></script>
  74. <!-- Validation Plugin Js -->
  75. <script src="../../plugins/jquery-validation/jquery.validate.js"></script>
  76. <!-- Custom Js -->
  77. <script src="../../js/admin.js"></script>
  78. <script src="../../js/pages/examples/sign-in.js"></script>
  79. </body>
  80. </html>