login.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  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="請輸入Email">
  37. </div>
  38. <div class="form-group">
  39. <input id="password" type="password" class="form-control form-control-user"
  40. id="exampleInputPassword" placeholder="請輸入密碼">
  41. </div>
  42. <div class="text-center mb-3">
  43. <a class="small" href="register.html">建立帳戶</a>
  44. </div>
  45. <!-- <div class="form-group">
  46. <div class="custom-control custom-checkbox small">
  47. <input type="checkbox" class="custom-control-input" id="customCheck">
  48. <label class="custom-control-label" for="customCheck">Remember
  49. Me</label>
  50. </div>
  51. </div> -->
  52. <a id="loginbutton" class="btn btn-primary btn-user btn-block">
  53. 登入
  54. </a>
  55. <!-- <hr> -->
  56. <!-- <a href="index.html" class="btn btn-google btn-user btn-block">
  57. <i class="fab fa-google fa-fw"></i> Login with Google
  58. </a>
  59. <a href="index.html" class="btn btn-facebook btn-user btn-block">
  60. <i class="fab fa-facebook-f fa-fw"></i> Login with Facebook
  61. </a> -->
  62. </form>
  63. <!-- <hr> -->
  64. <!-- <div class="text-center">
  65. <a class="small" href="forgot-password.html">Forgot Password?</a>
  66. </div>
  67. <div class="text-center">
  68. <a class="small" href="register.html">Create an Account!</a>
  69. </div> -->
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. <!-- Bootstrap core JavaScript-->
  79. <script src="vendor/jquery/jquery.min.js"></script>
  80. <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  81. <!-- Core plugin JavaScript-->
  82. <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
  83. <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  84. <!-- Custom scripts for all pages-->
  85. <script src="js/sb-admin-2.min.js"></script>
  86. <script src="js/login.js"></script>
  87. <script>
  88. // var login = document.getElementById("loginbutton");
  89. // login.addEventListener('click', function () {
  90. // let username = document.querySelector("#email").value;
  91. // let password = document.querySelector("#password").value;
  92. // if (username === 'choozmo' && password === "choozmo9") {
  93. // alert('登入成功');
  94. // window.location.href = "./index.html";
  95. // } else {
  96. // alert('帳號或密碼錯誤')
  97. // }
  98. // });
  99. </script>
  100. </body>
  101. </html>