123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <meta name="description" content="">
- <meta name="author" content="">
- <title>Sanlih Entertainment Television</title>
- <!-- Custom fonts for this template-->
- <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
- <link
- href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
- rel="stylesheet">
- <!-- Custom styles for this template-->
- <link href="css/sb-admin-2.min.css" rel="stylesheet">
- </head>
- <body style="background: #1c2d6d;" class="bg-gradient-primary">
- <div class="container">
- <!-- Outer Row -->
- <div class="row justify-content-center">
- <div class="col-xl-10 col-lg-12 col-md-9">
- <div class="card o-hidden border-0 shadow-lg my-5">
- <div class="card-body p-0">
- <!-- Nested Row within Card Body -->
- <div class="row">
- <!-- <div class="col-lg-6 d-none d-lg-block bg-login-image"></div> -->
- <div class="col-lg-12">
- <div class="p-5">
- <div class="text-center">
- <h1 class="h4 text-gray-900 mb-4"> Sanlih-Entertainment-Television</h1>
- </div>
- <form class="user">
- <div class="form-group">
- <input type="email" class="form-control form-control-user" id="email"
- aria-describedby="emailHelp" placeholder="Enter account s...">
- </div>
- <div class="form-group">
- <input id="password" type="password" class="form-control form-control-user"
- id="exampleInputPassword" placeholder="Password">
- </div>
- <!-- <div class="form-group">
- <div class="custom-control custom-checkbox small">
- <input type="checkbox" class="custom-control-input" id="customCheck">
- <label class="custom-control-label" for="customCheck">Remember
- Me</label>
- </div>
- </div> -->
- <a id="loginbutton" class="btn btn-primary btn-user btn-block">
- Login
- </a>
- <!-- <hr> -->
- <!-- <a href="index.html" class="btn btn-google btn-user btn-block">
- <i class="fab fa-google fa-fw"></i> Login with Google
- </a>
- <a href="index.html" class="btn btn-facebook btn-user btn-block">
- <i class="fab fa-facebook-f fa-fw"></i> Login with Facebook
- </a> -->
- </form>
- <!-- <hr> -->
- <!-- <div class="text-center">
- <a class="small" href="forgot-password.html">Forgot Password?</a>
- </div>
- <div class="text-center">
- <a class="small" href="register.html">Create an Account!</a>
- </div> -->
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- Bootstrap core JavaScript-->
- <script src="vendor/jquery/jquery.min.js"></script>
- <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
- <!-- Core plugin JavaScript-->
- <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
- <!-- Custom scripts for all pages-->
- <script src="js/sb-admin-2.min.js"></script>
- <script>
- var login = document.getElementById("loginbutton");
- login.addEventListener('click', function () {
- let username = document.querySelector("#email").value;
- let password = document.querySelector("#password").value;
- if (username === 'choozmo' && password === "choozmo9") {
- alert('登入成功');
- window.location.href = "./index.html";
- } else {
- alert('帳號或密碼錯誤')
- }
- });
- </script>
- </body>
- </html>
|