<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
*{padding: 0px;margin: 0px ;}
ul,li{list-style: none}
ul{
border: 1px solid #282629;
}
#head{
width: 350px;
height: 530px;
background: #2a2529;
margin: auto;
border: 0px ;
border-radius: 10px;
}
#head ul h3{
color: white;
font-size: 22px;
margin-left: 35px;
margin-top: 5px;
font-family: Vrinda;
}
li.text{
font-size: 13px;
color: white;
margin-left: 35px;
margin-top: 8px;
font-family: Vrinda;
}
.box input{
width:220px;
height: 20px;
background: none;
border: 1px solid #ffffff;
border-radius: 30px;
margin-left: 35px;
margin-top: 5px;
color:white;
}
li.button button{
width: 216px;
height: 17px;
background:#f82503;
margin-top: 15px;
margin-left: 35px;
border: 0px;
border-radius: 10px;
color: white;
}
</style>
</head>
<body>
<div id="head">
<form action="userInfoServlet" method="post">
<ul>
<li class="head1"><h3>Register</h3></li>
<li class="text" >Username</li>
<li class="box"><input type="text" name="username"></li>
<li class="text" >Password</li>
<li class="box"><input type="password" name="password"></li>
<li class="text">Confirm your Password</li>
<li class="box"><input type="password" name="newpassword"></li>
<li class="text" >Name</li>
<li class="box"><input type="text" name="name"></li>
<li class="text" >Emall</li>
<li class="box"><input type="email" name="email"></li>
<li class="text" >Phone</li>
<li class="box"><input type="text" name="phone"></li>
<li class="text" >Role</li>
<li class="box"><input type="text" name="role"></li>
<li class="text" >Skin</li>
<li class="box"><input type="text" name="skin"></li>
<li class="button"><button type="submit">Register</button></li>
</ul>
</form>
</div>
</body>
</html>
