login.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  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>Sanlih Entertainment Television</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 style="background: #1c2d6d;" 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-12">
  29. <div class="p-5">
  30. <div class="text-center">
  31. <h1 class="h4 text-gray-900 mb-4"> Sanlih-Entertainment-Television</h1>
  32. </div>
  33. <form class="user">
  34. <div class="form-group">
  35. <input type="email" class="form-control form-control-user" id="email"
  36. aria-describedby="emailHelp" placeholder="Enter account s...">
  37. </div>
  38. <div class="form-group">
  39. <input id="password" type="password" class="form-control form-control-user"
  40. id="exampleInputPassword" placeholder="Password">
  41. </div>
  42. <!-- <div class="form-group">
  43. <div class="custom-control custom-checkbox small">
  44. <input type="checkbox" class="custom-control-input" id="customCheck">
  45. <label class="custom-control-label" for="customCheck">Remember
  46. Me</label>
  47. </div>
  48. </div> -->
  49. <a id="loginbutton" class="btn btn-primary btn-user btn-block">
  50. Login
  51. </a>
  52. <!-- <hr> -->
  53. <!-- <a href="index.html" class="btn btn-google btn-user btn-block">
  54. <i class="fab fa-google fa-fw"></i> Login with Google
  55. </a>
  56. <a href="index.html" class="btn btn-facebook btn-user btn-block">
  57. <i class="fab fa-facebook-f fa-fw"></i> Login with Facebook
  58. </a> -->
  59. </form>
  60. <!-- <hr> -->
  61. <!-- <div class="text-center">
  62. <a class="small" href="forgot-password.html">Forgot Password?</a>
  63. </div>
  64. <div class="text-center">
  65. <a class="small" href="register.html">Create an Account!</a>
  66. </div> -->
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. <!-- Bootstrap core JavaScript-->
  76. <script src="vendor/jquery/jquery.min.js"></script>
  77. <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  78. <!-- Core plugin JavaScript-->
  79. <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
  80. <!-- Custom scripts for all pages-->
  81. <script src="js/sb-admin-2.min.js"></script>
  82. <script>
  83. var login = document.getElementById("loginbutton");
  84. login.addEventListener('click', function () {
  85. let username = document.querySelector("#email").value;
  86. let password = document.querySelector("#password").value;
  87. if (username === 'choozmo' && password === "choozmo9") {
  88. alert('登入成功');
  89. window.location.href = "./index.html";
  90. } else {
  91. alert('帳號或密碼錯誤')
  92. }
  93. });
  94. </script>
  95. </body>
  96. </html>