Web Designing: January 2014

<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BizViz Portal</title>
<style>
body{ margin:0px; height:100%; width:100%;
font-family:calibri;
}
.top_header {
width:100%;
 height:50px; 
  background-color:#f7f7f7;
  padding:20px 0px 0px 30px;
  
 border-bottom:1px solid #c0c0c0;
 box-shadow: 0 5px 5px #eee;
 -moz-box-shadow: 0 5px 5px #eee;
 -webkit-box-shadow: 0 5px 5px #eee;
 
}


.submitbutton { border: 0px;
 border-radius:4px;
 width: 125px;
 font-size: 18px;
 color: #ffffff;
 height: 30px;
 box-shadow: 0 2px 4px #eee;
 -moz-box-shadow: 0 2px 4px #eee;
 -webkit-box-shadow: 0 2px 4px #eee;
 cursor: pointer;
 <!-- for gradient support in all browsers-->
background-image: linear-gradient(to bottom, #406cae 0%, #213c7b 100%);
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #406cae), color-stop(100%, #213c7b));
background-image: -webkit-linear-gradient(top, #406cae 0%,#213c7b 100%);
background-image: -moz-linear-gradient(top, #406cae 0%,#213c7b 100%);
background-image: -o-linear-gradient(top, #406cae 0%,#213c7b 100%);
background-image: linear-gradient(top, #406cae 0%,#213c7b 100%);
background-image: -ms-linear-gradient(top, #406cae 0%, #213c7b 100%);
}
</style>

</head>

<body style="background-color:#FFF">
<div class="top_header"><img src="images/logo.png" alt="bizviz_portal"></div>
<form name="form1" method="post" action="">
<div style=" margin-left:30%;">
<div align="center" style="padding-top:20px;"></div>
<div align="left" style="padding-top:5px; font-size:24px;">
 Having Trouble Signing in?
</div>

<div align="left" style="padding-top:5px; color:#404040;">
  
    <input name="" type="radio" value="" style="margin:0px;">
    I don't know my Password
 
</div>
<div align="left" style="padding-top:2px; font-size:11px; width:500px; color:#757373;">
  To reset your password, enter the email address you use to sign in. This can be your Personal email address, or another email address associated with your account.
</div>
<div align="left" style="padding-top:5px; color:#404040;">
  Email Address:
</div>
<div align="left" style="padding-top:2px;">
 <input name="email" type="text" id="email" size="42" style="height:25px">
</div>

<div align="left" style="padding-top:10px;">
  <input type="button"  value="Continue" class="submitbutton">
</div>

 </form>
</div>
</body>
</html>
Web Designing

Wednesday, January 1, 2014

html_divs
