<!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 method="post" action="/registry">
                <div class="row mb-3">
                    <div class="col-md-12">
                        <div class="form-floating mb-3 mb-md-0">
                            <input class="form-control" name="email" id="inputFirstName" type="text" placeholder="请输入邮箱" />
                            <label for="inputFirstName">邮箱</label>
                        </div>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-md-12">
                        <div class="form-floating mb-3 mb-md-0">
                            <input class="form-control" name="userName" id="inputName" type="text" placeholder="请输入用户名" />
                            <label for="inputFirstName">用户名</label>
                        </div>
                    </div>
                </div>
                <div class="form-floating mb-3">
                    <input class="form-control" id="inputEmail" name="password" type="password" placeholder="请输入密码" />
                    <label for="inputEmail">密码</label>
                </div>
                <div class="row mb-3">
                    <div class="col-md-12">
                        <div class="form-floating mb-3 mb-md-0">
                            <input class="form-control" id="inputPassword" name="passwordCheked" type="password" placeholder="确认密码" />
                            <label for="inputPassword">确认密码</label>
                        </div>
                    </div>
                </div>
                <div class="mt-4 mb-0">
                    <div class="d-grid"><button class="btn btn-primary btn-block" href="login.html">创建</button></div>
                </div>
            </form>
        </div>
        <div class="card-footer text-center py-3">
            <div class="small"><a href="/login">已有账号? 去登录</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>