You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

77 lines
3.6 KiB

<!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.0">
<title>用户注册</title>
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/index.css">
<link rel="stylesheet" href="../css/login.css">
<style>
body {
background-image: url('../images/bg.jpg');
background-size: 100% 100%;
background-repeat: no-repeat;
background-attachment: fixed
}
</style>
</head>
<body>
<div class="container-fluid">
<div class="row vi-login-top">
<div class="col-sm-4 col-sm-offset-4">
<div class="panel panel-default">
<div class="panel-heading text-warning">用户注册</div>
<div class="panel-body">
<div class="row vi-login-padding">
<form>
<div class="form-group">
<label for="exampleInputEmail1">用户名</label>
<input type="text" class="form-control" id="exampleInputEmail1" placeholder="用户名">
</div>
<div class="form-group">
<label for="exampleInputPassword1">密码</label>
<input type="password" class="form-control" id="exampleInputPassword1"
placeholder="密码">
</div>
<div class="form-group">
<label for="exampleInputPassword1">邮箱</label>
<input type="email"" class=" form-control" id="exampleInputPassword1"
placeholder="邮箱">
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<input type="email"" class=" form-control" placeholder="邮箱验证码">
</div>
</div>
<div class="col-sm-5 col-sm-offset-1">
<button class="btn btn-primary">发送邮箱验证码</button>
</div>
</div>
<div class="checkbox">
<label>
<input type="checkbox"> <strong class="text-warning">同意用户协议</strong>
</label>
</div>
<div class="vi-top">
<button type="submit" class="btn btn-success"><i
class="glyphicon glyphicon-send"></i>
注册</button>
<a type="button" class="btn btn-warning" href="../index.html">返回首页</a>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
</html>