<!Document Html>
<html>
<head>
<style>
body{
background-image:url("img.jpg");
border:100%;
}
h1{
margin:bottom;
padding-top: 50px;
padding-right: 80px;
padding-left: 80px;
}
.login {
position: relative;
margin: 0 auto;
padding: 60px 60px 60px;
width: 400px;
background: url("im.jpg");
border-radius: 8px;
}
p{
margin: 20px 0 0; }
input[type=submit] {
padding: 0 18px;
height: 40px;
font-size: 12px;
font-weight: bold;
color: #527881;
text-shadow: 0 1px #e3f1f1;
background: #cde5ef;
border: 1px solid;
border-radius: 20px;
}
input[type=text], input[type=password] {
margin: 7px;
padding: 0 10px;
width: 200px;
height: 35px;
color: #404040;
background: gray;
border: 1px solid;
border-color: #c4c4c4 #d1d1d1 #d4d4d4;
border-radius: 20px;
}
</style>
</head>
<body>
<center><h1>Login Form</h1></center>
<br>
<br>
<div class="login">
<p><input style="height:35px;width:300px" type="text" name="login" value="" placeholder="Username or Email"></p>
<p><input style="height:35px;width:300px" type="password" name="password" value="" placeholder="Password"></p>
<p class="submit"><a href="https://www.facebook.com"><input type="submit" name="commit" value="Login"></a></p>
</div>
</body>
</html>
Tuesday, 1 March 2016
Subscribe to:
Post Comments (Atom)
nice
ReplyDelete