a free code to put a login page in your website . you can use it for free.
..
..
..
html/css code :
<html>
<head>
<style>
form{
margin: 50px 500px;
height:450px;
width:450px;
background-color:#000;
border-color:#000;
border:medium;
border:#000;
.button
{
background-color: #4CAF50; /* Green */
border: none;
color: white;
width:170px;
padding: 10px 40px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
font-family:"Arial Black", Gadget, sans-serif;
margin: 30px 90px;
cursor: pointer;
}
.button:hover
{
background-color:#F60;
border-color:#000;}
input[type="text"]
{margin:20px 40px;
border:none;
padding:12px 80px;
background-color:#CCC;
color:#333;
}
input[type="password"]
{
margin:20px 40px;
border:none;
padding:12px 80px;
background-color:#CCC;
color:#333;
}
label
{
color:#333;
font-size:24px;
text-decoration:underline;
}
h3
{
margin: 10px 50px;
color:#069;}
h1
{
color:#FFF;
margin-left:40px;
text-shadow:#FF0;}
#errorbox{
text-align:center;
background-color:#3B5998;
padding:10px;
margin-top:10px
color:#F00;
font-family:"Arial Black", Gadget, sans-serif;
font-size:14px;}
#sign_user{
font-size:14px;
color:#FFF;
text-align:center;
background-color:#3B5998;
padding:10px;
margin-top:10px;
cursor: pointer;
}
</style>
</head>
<body>
<form action="" method="post">
<h1>Login</h1> <br />
<input type="text" placeholder="Email" name="email" /><br />
<input type="password" placeholder="Password" name="password"/><br />
<button class="button button">Login</button> <br />
</form>
</body>
</html>
Tags:
html/css