<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<meta content="" name="description">
<meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name="author">
<meta content="Jekyll v4.0.1" name="generator">
<title>Signin Template · Bootstrap</title>
<link href="https://getbootstrap.com/docs/4.5/examples/sign-in/" rel="canonical">
<!-- Bootstrap core CSS -->
<link href="./assets/dist/css/bootstrap.css" rel="stylesheet">
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
</style>
<!-- Custom styles for this template -->
<link href="./css/sign in.css" rel="stylesheet">
<script src="./js/jquery-3.3.1.js" type="text/javascript"></script>
<script src="./js/signin.js" type="text/javascript"></script>
</head>
<body class="text-center">
<form class="form-signin">
<img alt="" class="mb-4" height="72" src="./assets/brand/bootstrap-solid.svg" width="72">
<h1 class="h3 mb-3 font-weight-normal">Please sign in</h1>
<label class="sr-only" for="inputSign">Sign On Name</label>
<input autofocus class="form-control" id="inputSign" name="signOn" placeholder=" Sign On Name" required type="text">
<label class="sr-only" for="inputPassword">Password</label>
<input class="form-control" id="inputPassword" name="password" placeholder="Password" required type="password">
<button class="btn btn-lg btn-primary btn-block" id="signIn" type="button">Sign in</button>
<p class="mt-5 mb-3 text-muted">Welcome To My System</p>
</form>
</body>
</html>
以上为登录页面