HTML and CSS Log In Form Page

label
label
label
label
Here i created a great looking log in form with  soft and sexy UI you can use this log in for any purpose of integration its an easy integration script this log in for is built with HTML,CSS with giving a glow in the text box area and a light weight font to create a filt look and easy to manage .

log in page

the style i used are listed below

<style>body
{
font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;
color:#000;
font-size:25px;
}
a { text-decoration:none; color:#0066CC}
a:hover { text-decoration:underline; color:00BFFF }
*
{ margin:0px; padding:0px }
ol.timeline
{ list-style:none}ol.timeline li{ position:relative;border-bottom:1px #dedede dashed; padding:8px; }ol.timeline li:first-child{}
.morebox
{
font-weight:bold;
color:#333333;
text-align:center;
border:solid 1px #333333;
padding:8px;
margin-top:8px;
margin-bottom:8px;
-moz-border-radius: 6px;-webkit-border-radius: 6px;
}
.morebox a{ color:#333333; text-decoration:none}
.morebox a:hover{ color:#00688B; text-decoration:none}
#container{margin-left:60px; width:580px }
input,textarea,select,tr {
border:2px solid #dadada;
border-radius:7px;
font-size:20px;
padding:5px;
}
input:focus {
outline:none;
border-color:#9ecaed;
box-shadow:0 0 10px #9ecaed;
}</style>




you can see the live demo here      Demo       Download

Author : Solomon David


solomon david
 Facebook , Google+      
Share This :



sentiment_satisfied Emoticon