<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="../static/css/reset.css">
    <link rel="stylesheet" href="../static/css/login.css">
    <link href="static/css/styles.css" rel="stylesheet" />
    <!-- less scss -->
</head>
<body id="particles-js">
    <div>
        <video autoplay loop muted class="bg-video">
            <source src="../static/video/earth.mp4">
        </video>
    </div>
    <div class="card shadow-lg border-0 rounded-lg mt-5" style="margin-left: 450px;margin-right: 450px;">
        <div class="card-header"><h3 class="text-center font-weight-light my-4">登录</h3></div>
        <div class="card-body">
            <form action="/login" method="POST">
                <div class="form-floating mb-3">
                    <input class="form-control" id="inputEmail" name="email" type="email" placeholder="请输入邮箱" />
                    <label for="inputEmail">账号</label>
                </div>
                <div class="form-floating mb-3">
                    <input class="form-control" id="inputPassword" name="password" type="password" placeholder="请输入密码" />
                    <label for="inputPassword">密码</label>
                </div>
                <div class="form-check mb-3">
                    <input class="form-check-input" id="inputRememberPassword" type="checkbox" value="" />
                    <label class="form-check-label" for="inputRememberPassword">记住密码</label>
                </div>
                <div class="d-flex align-items-center justify-content-between mt-4 mb-0">
                    <button style="width: 100%;" class="btn btn-primary" href="/registry">登录</button>
                </div>
            </form>
        </div>
        <div class="card-footer text-center py-3">
            <div class="small"><a href="/registry">还没有账号? 注册!</a></div>
        </div>
    </div>
     <div class="rotating-plane " id="shape"></div>
     <script src="../static/js/particles.min.js"></script>
     <script src="../static/js/app.js"></script>
</body>
</html>