aero-solutions
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Business Solutions</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type='text/css'>
body
{
background: #fff url('aero-solutions-images/bg.gif') repeat-x;
margin: 0px;
padding: 0px;
}
.input{
width:140px;
height:15px;
font-size:12px;
color: #666666;
}
p{
width:auto;
padding:5px 0 0 0;
text-align:justify;
}
.title1{
color: #804000;
font-size:16px;
font-weight:bold;
padding:15px 10px 5px 40px;
border-bottom:1px #CCCCCC dashed;
margin-top:10px;
text-decoration:none;
}
h2{
color: #036B99;
font-size:16px;
padding:15px 10px 5px 10px;
border-bottom:1px #CCCCCC dashed;
margin:0px;
text-decoration:none;
}
.select{
width:60px;
height:19px;
font-size:12px;
color: #666666;
}
#main_container{
width:850px;
height:800px;
margin:16px auto;
background: none;
font-size:12px;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#top_banner{
width:auto;
height:130px;
}
#logo{
width:auto;
float:left;
padding-left:20px;
}
.snapshot{
float:left;
padding-left:290px;
padding-top:6px;
}
/*-------------menu--------------*/
.navigation{
float:left;
padding-left:60px;
padding-bottom:3px;
}
.navigation ul
{
font-family: "trebuchet ms";
font-size: 11px;
text-decoration: none;
margin: 0px;
padding:0px;
list-style: none;
}
.navigation li
{
text-align:center;
display: inline;
background: none;
text-align: center;
padding: 0px;
margin-right: 5px;
float: left;
}
.navigation li a
{
color: #fff;
float: left;
margin: 0px;
padding:5px 15px 5px 15px;
text-decoration: none;
}
.navigation li a:hover
{
color: #000000;
}
.navigation li.current a
{
color: #fff;
float: left;
margin: 0px;
padding:5px 15px 5px 15px;
text-decoration: none;
font-weight:bold;
}
#center_content{
clear:both;
width:850px;
height:auto;
background:url(aero-solutions-images/center_bg.gif) repeat-y ;
}
.left_box1{
width:235px;
float:left;
height:auto;
padding-left:30px;
font-size:11px;
color:#333333;
padding-bottom:50px;
}
.left_box2{
width: 500px;
float:left;
height:auto;
padding-left:30px;
}
img.pic{
float:left;
padding:10px;
margin-right:10px;
border:1px #D8C6B1 solid;
}
img.pic2{
padding:10px;
margin:3px;
border:1px #D8C6B1 solid;
}
/*-------------list------------*/
.list {
color:#F26123;
font-weight:bold;
}
.list li span{
color:#333333;
}
.list ul{
padding:0px;
margin:0px;
}
.list li ul li{
font-weight:normal;
padding:5px;
list-style:none;
margin:5px;
background-color:#E2D8C6;
}
.list ul li.description{
color: #000;
font-size:10px;
}
/*side box header----------*/
.sidebox {
margin-top:15px;
width: 235px;
color:#333333;
background:url(aero-solutions-images/title.gif) no-repeat top;
}
.sidebox h3{
padding:6px 0 0 0;
margin:0px;
height:23px;
font-size:14px;
font-weight:bold;
text-decoration:none;
text-align:center;
}
.sidebox ul{
border: 1px solid #CDC3B6;
width: 210px;
margin:0px;
padding:0px 10px 0 13px;
list-style:none;
background: #E2D8C6 ;
}
.sidebox ul li {
border-bottom: 1px solid #F6F0E7;
line-height: 25px;
list-style: none;
}
.sidebox ul li a {
display: block;
color: #666;
text-decoration: none;
}
.sidebox ul li a:hover {
color:#993300;
}
.bottom_buttons{
padding-top:10px;
padding-left:50px;
}
/*----------*/
#login{
background-color:#E2D8C6;
color:#333333;
width:215px;
height:100px;
padding:10px;
}
.input{
width:140px;
height:12px;
font-size:10px;
}
.submit{
float:right;
margin-right:30px;
margin-top:5px;
}
.clear {
clear:both;
overflow:hidden;
height:4px;
}
/*-------------foooter*/
#footer{
clear:both;
width:auto;
background:url(aero-solutions-images/bg-footer.gif) repeat-x;
background-position:0px 0px;
padding-top:30px;
height:130px;
text-align:center;
}
#footer ul li {
list-style: none;
display: inline;
margin-right: 15px;
padding-right: 15px;
background: url(aero-solutions-images/separator.gif) no-repeat right center;
font-size: 13px;
}
#footer ul li a{
text-decoration:none;
color:#000000;
}
#footer ul li a:hover{
text-decoration:underline;
}
</style>
</head>
<body>
<div id="main_container">
<div id="top_banner">
<div id="logo"> <a href="http://www.free-css.com/"><img src="aero-solutions-images/logo.gif" width="200" height="81" border="0" alt="" /></a></div>
<div class="snapshot"> <img src="aero-solutions-images/demopic.gif" border="0" width="280" height="118" alt="" /> </div>
</div>
<div class="navigation">
<ul>
<li class="current"><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">About Us</a></li>
<li><a href="http://www.free-css.com/">Servides</a></li>
<li><a href="http://www.free-css.com/">Clients</a></li>
<li><a href="http://www.free-css.com/">Support</a></li>
<li><a href="http://www.free-css.com/">Contact Us</a></li>
</ul>
</div>
<div id="center_content">
<div class="left_box1">
<div class="title1">About Us</div>
<p><img src="aero-solutions-images/team.gif" border="0" class="pic2" alt="" /> "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
<div class="sidebox">
<h3>Product information</h3>
<ul>
<li><a href="http://www.free-css.com/">Product information</a></li>
<li><a href="http://www.free-css.com/">Key features</a></li>
<li><a href="http://www.free-css.com/">Modules overview</a></li>
<li><a href="http://www.free-css.com/">Version history</a></li>
<li><a href="http://www.free-css.com/">System requirements</a></li>
</ul>
</div>
<div class="sidebox">
<h3>Client login</h3>
<div id="login"> Username:<br />
<input type="text" name="user" class="input" />
<div class="clear"></div>
Password:<br />
<input type="password" name="pass" class="input" />
<div class="clear"></div>
<input type="image" src="aero-solutions-images/login.gif" style="float:left; padding-top:5px;" value="Order" />
</div>
</div>
</div>
<div class="left_box2">
<div class="title1">Welcome to our site</div>
<p><img src="aero-solutions-images/p1.jpg" width="110" height="74" class="pic" alt="" /> "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
<div class="title1">Product description</div>
<ol class="list">
<li><span>One Package, Every Feature</span>
<ul>
<li class="description">Aero is our signature all-inclusive business package.</li>
</ul>
</li>
<li><span>99.9% Uptime Guarantee</span><br />
<ul>
<li class="description">We understand you can't afford for your website to go down.</li>
</ul>
</li>
<li><span>Money Back Guarantee</span><br />
<ul>
<li class="description">You've got absolutely nothing to loose. No hassels, no questions.</li>
</ul>
</li>
<li><span>One Package, Every Feature</span>
<ul>
<li class="description">Aero is our signature all-inclusive business package.</li>
</ul>
</li>
<li><span>99.9% Uptime Guarantee</span><br />
<ul>
<li class="description">We understand you can't afford for your website to go down.</li>
</ul>
</li>
<li><span>Money Back Guarantee</span><br />
<ul>
<li class="description">You've got absolutely nothing to loose. No hassels, no questions.</li>
</ul>
</li>
</ol>
<div class="bottom_buttons"> <a href="http://www.free-css.com/"><img src="aero-solutions-images/trythedemo.gif" border="0" width="150" height="30" alt="" /></a> <a href="http://www.free-css.com/"><img src="aero-solutions-images/tryadmin.gif" border="0" width="150" height="30" alt="" /></a> </div>
<div class="title1">Partners</div>
<p><img src="aero-solutions-images/1.jpg" width="82" height="54" alt="" /> <img src="aero-solutions-images/2.jpg" width="137" height="54" alt="" /> <img src="aero-solutions-images/3.jpg" width="114" height="54" alt="" /> <img src="aero-solutions-images/4.jpg" width="125" height="54" alt="" /></p>
</div>
<div style="width:500px; clear:both; padding-bottom:2px;"></div>
</div>
</div>
<div id="footer">
<ul>
<li><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">Products</a></li>
<li><a href="http://www.free-css.com/">News</a></li>
<li><a href="http://www.free-css.com/">Support</a></li>
<li><a href="http://www.free-css.com/">Contacts</a></li>
</ul>
Copyright 2007 © Aero International Inc. <br />
<a href="http://www.csscreme.com"><img src="aero-solutions-images/csscreme.jpg" width="200" height="35" border="0" alt="" /></a><br />
<a target="_blank" href="http://validator.w3.org/check?uri=referer" style="text-decoration:none; color:#333333;">Xhtml</a> <a target="_blank" href="http://jigsaw.w3.org/css-validator/check/referer" style="text-decoration:none; color:#333333;">css</a> </div>
</body>
</html>
Related examples in the same category