login.astro 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. ---
  2. import Head from "@components/_head.astro";
  3. import Scripts from "@components/_scripts.astro";
  4. const title = "AdminLTE 4 | Login Page";
  5. const path = "../../../dist";
  6. const htmlPath = "..";
  7. ---
  8. <!DOCTYPE html>
  9. <html lang="en">
  10. <!--begin::Head-->
  11. <head>
  12. <Head title={title} path={path} />
  13. </head>
  14. <!--end::Head-->
  15. <!--begin::Body-->
  16. <body class="login-page bg-body-secondary">
  17. <div class="login-box">
  18. <div class="login-logo">
  19. <a href={htmlPath + "/index2.html"}><b>Admin</b>LTE</a>
  20. </div>
  21. <!-- /.login-logo -->
  22. <div class="card">
  23. <div class="card-body login-card-body">
  24. <p class="login-box-msg">Sign in to start your session</p>
  25. <form action={htmlPath + "/index3.html"} method="post">
  26. <div class="input-group mb-3">
  27. <input type="email" class="form-control" placeholder="Email" />
  28. <div class="input-group-text">
  29. <span class="bi bi-envelope"></span>
  30. </div>
  31. </div>
  32. <div class="input-group mb-3">
  33. <input
  34. type="password"
  35. class="form-control"
  36. placeholder="Password"
  37. />
  38. <div class="input-group-text">
  39. <span class="bi bi-lock-fill"></span>
  40. </div>
  41. </div>
  42. <!--begin::Row-->
  43. <div class="row">
  44. <div class="col-8">
  45. <div class="form-check">
  46. <input
  47. class="form-check-input"
  48. type="checkbox"
  49. value=""
  50. id="flexCheckDefault"
  51. />
  52. <label class="form-check-label" for="flexCheckDefault">
  53. Remember Me
  54. </label>
  55. </div>
  56. </div>
  57. <!-- /.col -->
  58. <div class="col-4">
  59. <div class="d-grid gap-2">
  60. <button type="submit" class="btn btn-primary">Sign In</button>
  61. </div>
  62. </div>
  63. <!-- /.col -->
  64. </div>
  65. <!--end::Row-->
  66. </form>
  67. <div class="social-auth-links text-center mb-3 d-grid gap-2">
  68. <p>- OR -</p>
  69. <a href="#" class="btn btn-primary">
  70. <i class="bi bi-facebook me-2"></i> Sign in using Facebook
  71. </a>
  72. <a href="#" class="btn btn-danger">
  73. <i class="bi bi-google me-2"></i> Sign in using Google+
  74. </a>
  75. </div>
  76. <!-- /.social-auth-links -->
  77. <p class="mb-1">
  78. <a href="forgot-password.html">I forgot my password</a>
  79. </p>
  80. <p class="mb-0">
  81. <a href="register.html" class="text-center">
  82. Register a new membership
  83. </a>
  84. </p>
  85. </div>
  86. <!-- /.login-card-body -->
  87. </div>
  88. </div>
  89. <!-- /.login-box -->
  90. <Scripts path={path} />
  91. <!--end::Script-->
  92. </body><!--end::Body-->
  93. </html>