Doctype HTML-wps Office
Doctype HTML-wps Office
DOCTYPE html>
<html>
<head>
<title>Login Form</title>
</head>
<body>
<h2>Login Page</h2><br>
<div class="login">
<label><b>User Name
</b>
</label>
<br><br>
<label><b>Password
</b>
</label>
<br><br>
<br><br>
<span>Remember me</span>
<br><br>
Forgot <a href="#">Password</a>
</form>
</div>
</body>
</html>
body
margin: 0;
padding: 0;
background-color:#6abadeba;
font-family: 'Arial';
.login{
width: 382px;
overflow: hidden;
margin: auto;
margin: 20 0 0 450px;
padding: 80px;
background: #23463f;
border-radius: 15px ;
h2{
text-align: center;
color: #277582;
padding: 20px;
label{
color: #08ffd1;
font-size: 17px;
#Uname{
width: 300px;
height: 30px;
border: none;
border-radius: 3px;
padding-left: 8px;
#Pass{
width: 300px;
height: 30px;
border: none;
border-radius: 3px;
padding-left: 8px;
#log{
width: 300px;
height: 30px;
border: none;
border-radius: 17px;
padding-left: 7px;
color: blue;
span{
color: white;
font-size: 17px;
a{
float: right;
background-color: grey;