<! DOCTYPE html>
<meta charset= "UTF-8" >
<title> website Terms of service </title>
<style type= "Text/css" >
#login {
margin:20px Auto;
width:300px;
border:1px solid #f90;
padding:20px;
line-height:22px;
outline:2px solid #cccccc;
Background-color: #ffff99;
font-size:18px;
}
#login h1{
font-size:18px;
margin:0;
padding:5px;
border-bottom:1px solid #fc6;
margin-bottom:10px;
}
#login label{
width:100px;
Display:block;
Float:left;
Text-align:right;
Clear:left;
margin-top:15px;
}
#login input{
Float:left;
width:150px;
margin-top:15px;
line-height:22px;
height:24px;
border:1px solid #7f9db9;
}
#login input:focus{
OUTLINE:4PX solid #fc6;
}
#login div{
Clear:both;
padding-left:100px;
padding-top:20px;
font-size:12px;
}
#login Div button{
width:80px;
font-size:14px;
line-height:22px;
Background-image:-webkit-gradient (linear,left top,left bottom,from (#ffffcc), to (#ffcc99));
Background-image:-moz-linear-gradient (Top, #ffffcc, #ffcc99);
border:1px solid #f90;
}
#login Div button:hover{
outline:2px solid #fc6;
}
</style>
<body>
<form id= "Form1" Name= "Form1" method= "Post" action= "" >
<div id= "Login" >
<label for= "UserName" > User name:</label>
<input type= "text" name= "UserName" id= "UserName" >
<label for= "Password" > Password:</label>
<input type= "text" name= "Password" id= "Password" >
<div><button> login </button><a href= "#" > Forgot password. </a></div>
</div>
</form>
</body>