al-infolabs
<!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>AL Infolabs</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
/* CSS Document */
body{
margin:0px;
padding:0px;
}
img{
border:0px;
}
.flt{
float:left;
}
#wh_bg{
width:100%;
margin:auto;
}
#bd_bg{
width:100%;
float:left;
background:#F7F7F7;
}
/*top panel starts here*/
#main1{
width:100%;
float:left;
background:url(../al-infolabs-images/top_bg.jpg) repeat-x;
}
#main2{
width:100%;
float:left;
background:url(../al-infolabs-images/wel_bg.jpg) repeat-x;
}
#main3{
width:100%;
float:left;
}
#main4{
width:100%;
float:left;
border-top:6px solid #7B7B7B;
background:#434343;
}
#top{
width:1000px;
text-align:left;
}
#wel_bg{
width:1000px;
text-align:left;
color:#FFF;
font:12px/15px Georgia;
padding-bottom:20px;
}
.what{
width:445px;
height:263px;
float:left;
margin:18px 0px -42px 45px;
position:relative;
background:url(../al-infolabs-images/tp_part1.jpg) no-repeat;
}
.logo{
float:left;
margin:75px 0px 0px 226px;
}
.menu{
width:489px;
height:43px;
float:left;
margin:66px 0px 0px 12px;
background:url(../al-infolabs-images/menu.gif) no-repeat;
}
.wh_img{
float:left;
margin:217px 0px 0px 225px;
}
.menu a{
float:left;
color:#444241;
font:bold 13px/20px Trebuchet MS;
margin:15px 18px 0px 20px;
text-decoration:none;
}
.wel_img{
float:left;
margin:83px 0px 0px 50px;
}
/*top panel ends here*/
/*content panel starts here*/
#con{
width:1000px;
text-align:left;
}
#content{
width:1000px;
margin-top:23px;
float:left;
padding-bottom:20px;
padding-left:10px;
color:#515455;
font:12px/15px Georgia;
background:url(../al-infolabs-images/con_bg.jpg) repeat-y;
}
#left{
width:275px;
float:left;
padding:30px 0px 0px 29px;
color:#515455;
font:12px/15px Georgia;
}
#right{
width:605px;
float:left;
padding:30px 0px 0px 57px;
color:#515455;
font:12px/15px Georgia;
}
.addr{
width:178px;
float:left;
color:#515455;
font:12px/15px Georgia;
margin:25px 0px 0px 9px;
}
/*content panel ends here*/
/*footer panel starts here*/
#footer{
width:1000px;
text-align:left;
}
#foot{
width:730px;
float:left;
padding:38px 0px 0px 240px;
color:#FFF;
font:12px/15px Georgia;
}
#foot a{
float:left;
color:#FFF;
margin-left:20px;
font:12px/15px Georgia;
text-decoration:none;
}
.copy{
width:1000px;
float:left;
color:#FFF;
margin:10px 0 0 5px;
font:12px Georgia;
text-align:center;
}
/*footer panel ends here*/
</style>
</head>
<body>
<center>
<div id="wh_bg">
<div id="bd_bg">
<!--top panel starts-->
<div id="main1">
<div id="top"> <span class="what"> <img src="al-infolabs-images/what.gif" width="197" height="21" alt="" class="wh_img" /> </span> <a href="http://www.free-css.com/"><img src="al-infolabs-images/logo.jpg" width="215" height="48" alt="" class="logo" /></a>
<div class="menu"> <a href="http://www.free-css.com/" style="color:#7FB600;">HOME</a> <img src="al-infolabs-images/line.gif" width="3" height="13" alt="" class="flt" style="margin-top:20px;" /> <a href="http://www.free-css.com/">ABOUT US</a> <img src="al-infolabs-images/line.gif" width="3" height="13" alt="" class="flt" style="margin-top:20px;" /> <a href="http://www.free-css.com/">SERVICES</a> <img src="al-infolabs-images/line.gif" width="3" height="13" alt="" class="flt" style="margin-top:20px;" /> <a href="http://www.free-css.com/">QUALITY</a> <img src="al-infolabs-images/line.gif" width="3" height="13" alt="" class="flt" style="margin-top:20px;" /> <a href="http://www.free-css.com/" style="position:relative;margin-right:-3px;">CONTACT US</a> </div>
</div>
</div>
<div id="main2">
<div id="wel_bg"> <img src="al-infolabs-images/welcome.gif" width="523" height="27" alt="" class="wel_img" /> <span class="flt" style="width:912px;margin:21px 0px 0px 50px;"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec vel lacus. Sed nonummy. Maecenas in nulla. Nulla ut massa vel nisi tempus sagittis. Nullam s ante quis velit. ttis non, laoreet consequat, interdum a, felis. Sed neque mi, ultricies facilisis, facilisis non, ac, odio. Donec mollis ante quis velit. Phasellus mattis, enim vel gravida congue, eros mi ornare est, et rutrum pede velit at neque. Integer sed mi.<br />
<br />
Mauris condimentum pede ac velit. Quisque a nisl nec lorem posuere suscipit. Vivamus neque nisi, consectetuer non, placerat vel, vehicula consequat, sapien. Nullam a purus sagittis leo ullamcorper sagittis. Vestibulum dapibus dolor vel sapien. Praesent lacus velit, lacinia sed, placerat quis, elementum eu, mauris.<br />
<br />
<a href="http://www.free-css.com/" style="color:#FFE502;font-weight:bold;">Read More</a> </span> </div>
</div>
<!--top panel ends-->
<!--content panel starts-->
<div id="main3">
<div id="con">
<div id="content">
<div id="left"> <img src="al-infolabs-images/latest.gif" width="140" height="16" alt="" class="flt" style="margin-left:7px;" />
<div class="flt" style="width:260px;padding:15px 0px 0px 9px;"> <span style="font-weight:bold;text-decoration:underline;">06.02.08<br />
<br />
</span> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla et mauris. Curabitur aliquam molestie dolor. Aliquam luctus.<br />
<br />
<span style="font-weight:bold;text-decoration:underline;">01.02.08<br />
<br />
</span> Morbi imperdiet aliquet ligula. Nulla facilisi. Duis elit. Nulla rhoncus. Aliquam ac lacus quis lectus fringilla dictum. Nulla facilisi. Vivamus in justo.<br />
<br />
<a href="http://www.free-css.com/" style="color:#DD5411;">Read more</a> </div>
<img src="al-infolabs-images/lat_bar.gif" width="274" height="1" alt="" class="flt" style="margin-top:20px;" /> <img src="al-infolabs-images/our_serc.gif" width="216" height="17" alt="" class="flt" style="margin:25px 0px 0px 7px;" />
<div class="addr"> <span style="font-weight:bold;">AL infolabs<br />
<br />
</span> #547, Nulla Fringilla Dictum,<br />
Rhoncus Road,<br />
Vellington, Florida.<br />
<br />
<span style="font-weight:bold;">For online Enquiry<br />
<br />
</span> Email: <a href="mailto:info@alinfolabs.com" style="color:#DB4801;">info@alinfolabs.com</a> </div>
</div>
<div id="right"> <img src="al-infolabs-images/about.gif" width="106" height="17" alt="" class="flt" style="margin-left:7px;" />
<div class="flt" style="width:590px;padding:15px 0px 0px 7px;"> <img src="al-infolabs-images/abt_img.jpg" width="157" height="98" alt="" style="float:right;margin:6px 0px 0px 15px;" /> Nulla facilisi. Praesent massa purus, scelerisque quis, volutpat ut, viverra vitae, velit. Duis rhoncus, leo quis pulvinar molestie, nibh sapien dictum purus, ut ultricies metus leo sed nisl. Pellentesque dictum risus. Mauris quis lectus ut libero nonummy adipiscing. Nam pulvinar ornare est. Ut nibh est, dignissim sed, venenatis ut, laoreet ac, sem.<br />
<br />
Nulla facilisi. Praesent massa purus, scelerisque quis, volutpat ut, viverra vitae, velit. Duis rhoncus, leo quis pulvinar molestie, nibh sapien dictum purus, ut ultricies metus leo sed nisl. Pellentesque dictum risus. Mauris quis lectus ut libero nonummy adipiscing. Nam pulvinar ornare est. Ut nibh est, dignissim sed, venenatis ut, laoreet ac, sem.<br />
<br />
<a href="http://www.free-css.com/" style="color:#DD5411;">Read more</a> </div>
<img src="al-infolabs-images/cn_bar.gif" width="605" height="1" alt="" class="flt" style="margin-top:15px;" /> <img src="al-infolabs-images/our_infra.gif" width="197" height="19" alt="" class="flt" style="margin:15px 0px 0px 7px;" />
<div class="flt" style="width:590px;padding:25px 0px 0px 7px;"> <img src="al-infolabs-images/inf_img1.jpg" width="160" height="114" alt="" class="flt" style="margin:0px 0px 0px 10px;" /> <img src="al-infolabs-images/inf_img2.jpg" width="160" height="111" alt="" class="flt" style="margin:0px 0px 0px 45px;" /> <img src="al-infolabs-images/inf_img3.jpg" width="161" height="113" alt="" class="flt" style="margin:0px 0px 0px 45px;" /> </div>
</div>
</div>
</div>
</div>
<!--content panel ends-->
<!--footer panel starts-->
<div id="main4">
<div id="footer">
<div id="foot"> <a href="http://www.free-css.com/">Home</a> <span class="flt" style="margin-left:10px;">|</span> <a href="http://www.free-css.com/">About us</a> <span class="flt" style="margin-left:10px;">|</span> <a href="http://www.free-css.com/">Services</a> <span class="flt" style="margin-left:12px;">|</span> <a href="http://www.free-css.com/">Our Clients</a> <span class="flt" style="margin-left:10px;">|</span> <a href="http://www.free-css.com/">Gallery</a> <span class="flt" style="margin-left:10px;">|</span> <a href="http://www.free-css.com/">Contact Us</a> </div>
<span class="copy"> Copyright 2008. All rights reserved. <a href="http://www.buytemplates.net/CSS-XHTML-web-templates.aspx" style="color:#ffffff;">Css/Xhmtl template</a> designed by buytemplates.net</span> </div>
</div>
<!--footer panel ends-->
</div>
</div>
</center>
</body>
</html>
Related examples in the same category