login2.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  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, shrink-to-fit=no">
  7. <meta name="description" content="">
  8. <meta name="author" content="">
  9. <title>SB Admin 2 - Login</title>
  10. <!-- Custom fonts for this template-->
  11. <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
  12. <link
  13. href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
  14. rel="stylesheet">
  15. <!-- Custom styles for this template-->
  16. <link href="css/sb-admin-2.min.css" rel="stylesheet">
  17. </head>
  18. <body class="bg-gradient-primary">
  19. <div class="container">
  20. <!-- Outer Row -->
  21. <div class="row justify-content-center">
  22. <div class="col-xl-10 col-lg-12 col-md-9">
  23. <div class="card o-hidden border-0 shadow-lg my-5">
  24. <div class="card-body p-0">
  25. <!-- Nested Row within Card Body -->
  26. <div class="row">
  27. <div class="col-lg-6 d-none d-lg-block bg-login-image"></div>
  28. <div class="col-lg-6">
  29. <div class="p-5">
  30. <div class="text-center">
  31. <h1 class="h4 text-gray-900 mb-4">Welcome Back!</h1>
  32. </div>
  33. <form class="user">
  34. <div class="form-group">
  35. <input type="email" class="form-control form-control-user"
  36. id="exampleInputEmail" aria-describedby="emailHelp"
  37. placeholder="Enter Email Address...">
  38. </div>
  39. <div class="form-group">
  40. <input type="password" class="form-control form-control-user"
  41. id="exampleInputPassword" placeholder="Password">
  42. </div>
  43. <div class="form-group">
  44. <div class="custom-control custom-checkbox small">
  45. <input type="checkbox" class="custom-control-input" id="customCheck">
  46. <label class="custom-control-label" for="customCheck">Remember
  47. Me</label>
  48. </div>
  49. </div>
  50. <a href="index.html" class="btn btn-primary btn-user btn-block">
  51. Login
  52. </a>
  53. <hr>
  54. <a href="index.html" class="btn btn-google btn-user btn-block">
  55. <i class="fab fa-google fa-fw"></i> Login with Google
  56. </a>
  57. <a href="index.html" class="btn btn-facebook btn-user btn-block">
  58. <i class="fab fa-facebook-f fa-fw"></i> Login with Facebook
  59. </a>
  60. </form>
  61. <hr>
  62. <div class="text-center">
  63. <a class="small" href="forgot-password.html">Forgot Password?</a>
  64. </div>
  65. <div class="text-center">
  66. <a class="small" href="register.html">Create an Account!</a>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. <!-- Bootstrap core JavaScript-->
  77. <script src="vendor/jquery/jquery.min.js"></script>
  78. <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  79. <!-- Core plugin JavaScript-->
  80. <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
  81. <!-- Custom scripts for all pages-->
  82. <script src="js/sb-admin-2.min.js"></script>
  83. </body>
  84. </html>