Simple Login Pages using HTML and CSS
<!doctype html>
<html>
<head>
<title>InfoSYS DBMS V19.0</title>
<met charset="utf-8">
<style type="text/css">
/*Learn Blogging Tips,Tutorial and Online MOney making Tips,
visit http://www.bloggingtemple.com*/
body
{
width: 80%;
background: #GGG;
}
.header
{
margin-left:180px;
width: 90%;
height: 100px;
text-align: center;
line-height:100px; ;
border-radius: 100px;
background: #e3e3e3;
box-shadow: 0px 0px 10px green;
}
.header h1
{
font-size: 55px;
text-shadow: 0px 0px 5px green;
}
.login
{
width: 60%;
height: 400px;
background: #e3e3e3;
margin-top: 20px;
margin-left: 340px;
border-radius: 20px;
box-shadow: 0px 0px 10px green;
font-family: serif;
/*line-height: 400px;*/
}
.c1{
margin-left: 180px;
margin-top: 40px;
}
button{
margin-right: 310px;
}
a{
text-decoration: none;
}
</style>
<!-- This Page is created by Sarfaraj Alam
Visit my Blog :- http://www.whatilearn.info -->
</head>
<body>
<div class="header">
<h1>InfoSYS DBMS V19.0</h1>
</div>
<div class="login">
<div class="c1">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
Username <input><br>
Password <input type="password"><br><button style="position:left"><a href="index.html">Login</a></button>
</div>
</div>
</body>
</html>
It is created by Sarfaraj Alam(me)
Visit my Blog : http://www.whatilearn.info Pasted: Mar 25, 2013, 12:00:46 pm
Views: 555