business-co
<!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 Co. - About</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
/* CSS Document */
body{ margin:0px; padding:0px; background:#A0A0A3;}
p{ margin:0px; padding:0px;}
img{ border:0px;}
#mainblock{ width:1000px; margin: auto;}
#innerblock{ width:1000px; float:left; background:#FFFFFF repeat; }
a:hover{ text-decoration: underline;}
.topblock{ display:inline; clear:left; float:left; width:1000px;}
.tp_bg1{ display:inline; clear:left; float:left; background:url(business-co-images/tp_bg1.jpg) no-repeat; width:1000px; height:37px;}
.tp_hme{ clear:left; float:left; width:60px; font:11px/15px arial; color:#fff;margin:10px 0px 0px 56px; text-decoration:none;}
.abt_tp_hme{ clear:left; float:left; width:60px; font:11px/15px arial; color:#F5BE28;margin:10px 0px 0px 56px; text-decoration:none;}
.abt_tp_abt{ float:left; width:55px; font: 11px/15px arial; color:#fff; margin:10px 0px 0px 55px; text-decoration:none;}
.tp_hme1{ float:left; width:55px; font: 11px/15px arial; color:#F5BE28; margin:10px 0px 0px 55px; text-decoration:none;}
.tp_hme2{ float:left; width:55px; font: 11px/15px arial; color:#F5BE28; margin:10px 0px 0px 45px; text-decoration:none;}
.tp_abt{ float:left; width:70px; font: bold 12px/15px arial; color:#fff; margin:24px 0px 0px 40px; text-decoration:none;}
.tp_abt1{ float:left; width:100px; font: bold 12px/15px arial; color:#Fff; margin:24px 0px 0px 50px; text-decoration:none;}
.tp_serv{ float:left; width:85px; font: bold 12px/15px arial; color:#Fff; margin:24px 0px 0px 0px; text-decoration:none;}
.tp_sch{ float:left; width:40px; font: bold 12px/15px arial; color:#000; margin:24px 0px 0px 10px; text-decoration:none;}
.sch_box{ float:left; width:130px; height:18px; background:#fff;; margin:20px 0px 0px 15px;}
.tp_go{ float:left; margin:25px 0px 0px 0px;}
.tp_serv1{ float:left; width:40px; font: bold 12px/15px arial; color:#Fff; margin:24px 0px 0px 15px; text-decoration:none;}
.tp_bg2{ display:inline; clear:left; float:left; background:url(business-co-images/tp_bg2.jpg) no-repeat; width:511px; height:268px;}
.tp_bg3{ display:inline; float:left; background:url(business-co-images/tp_bg3.jpg) no-repeat; width:489px; height:268px;}
.abt_tp_bg1{ display:inline; clear:left; float:left; background:url(business-co-images/abt_tp_bg1.jpg) no-repeat; width:1000px; height:37px;}
.tp_logo{ clear:left; float:left; margin:54px 0px 0px 135px;}
.logo_txt{ clear:left; float:left; width:240px; font: 11px/15px arial; color:#ABABAA; margin:70px 0px 0px 70px; text-decoration:none;}
.logo_txt2{ float:left; width:140px; font: 11px/15px arial; color:#ABABAA; margin:80px 0px 0px 35px; text-decoration:none;}
.tp_online{ clear:left; float:left; width:75px; font: 11px/15px Arial; color:#242424; margin:184px 0px 0px 381px; text-decoration:none;}
.center_panel{ display: inline; clear:left; float:left; width:980px; margin:20px 0px 0px 10px; }
.cp_top{ clear:left; float:left; }
.cen_1px{ display: inline; clear:left; float:left; width:980px; background:#062290 url(business-co-images/cp_1px.jpg) repeat-x; margin:0px 0px 0px 0px; padding-bottom:20px; }
.succ_img{ clear:left; float:left; margin:32px 0px 0px 54px;}
.cp_teach{ clear:left; float:left; width:170px; font: 14px Century Gothic; color:#fff; margin:27px 0px 0px 20px; text-decoration:none;}
.teach_txt{ clear:left; float:left; width:360px; font:11px/15px arial; color:#D2D2D2; margin:15px 0px 0px 15px; text-decoration:none;}
.cp_mae_arw{ clear:left; float:left; margin:30px 0px 0px 15px;}
.cp_mae_txt{ float:left; width:215px; font: bold 14px Century Gothic; color:#FFC834; margin:30px 0px 0px 10px; text-decoration:none;}
.cp_mae_txt2{ clear:left; float:left; width:290px; font: 11px/15px Arial; color:#FFf; margin:30px 0px 0px 40px; text-decoration:none;}
.cp_line{ float:left; margin:15px 0px 0px 0px;}
.cp_div{ display: inline; clear:left; float:left; width:980px; margin-left:10px; padding-bottom:20px; }
.lp_div{ display:inline; clear:left; float:left; width:723px; }
.lp_feat{ clear:left; float:left; width:145px; font: bold 16px arial; color:#FFBE11; margin:54px 0px 15px 0px; text-decoration:none;}
.feat_arw{ clear:left; float:left; margin:14px 0px 0px 0px;}
.feat_txt{ float:left; width:130px; font:11px/15px arial; color:#747474; margin:10px 0px 0px 15px; text-decoration:none;}
.feat_more{ clear:left; float:left; width:100px; font: bold 11px/15px arial; color:#FFBE11; margin:15px 0px 15px 0px; text-decoration:none;}
.prof_bg{ clear:left; float:left; width:225px; height:118px; background: url(business-co-images/prof_bg.jpg) no-repeat; margin:20px 0px 0px 0px;}
.lp_prof{ clear:left; float:left; margin:29px 0px 0px 86px;}
.prof_arw{ clear:left; float:left; margin:20px 0px 0px 136px;}
.prof_click{ float:left; width:60px; font: bold 11px/15px arial; color:#FFBE11; margin:15px 0px 0px 10px; text-decoration:none;}
.lp_wel{ clear:left; float:left; margin:50px 0px 0px 0px;}
.wel_txt{ clear:left; float:left; width:342px; font:11px/15px arial; color:#FFBE11; margin:35px 0px 0px 0px; text-decoration:none;}
.wel_arw{ clear:left; float:left; margin:20px 0px 0px 15px;}
.wel_txt2{ float:left; width:310px; font:11px/15px arial; color:#8A8A8A; margin:15px 0px 0px 15px; text-decoration:none;}
.rp_div{ display:inline; float:left; width:257px; }
.part_arw{ clear:left; float:left; margin:20px 0px 0px 0px;}
.part_txt{ float:left; width:198px; font:11px/15px arial; color:#747474; margin:15px 0px 0px 10px; text-decoration:none;}
.part_img{ clear:left; float:left; margin:20px 0px 0px 0px;}
.abt_lp_div{ display:inline; clear:left; float:left; width:646px; }
.lp_abt{ clear:left; float:left; width:530px; font:12px/15px arial; color:#979080; margin:50px 0px 0px 0px; text-decoration:none;}
.abt_txt{ clear:left; float:left; width:591px; font:11px/15px arial; color:#FFBE11; margin:15px 0px 20px 0px; text-decoration:none;}
.abt_img_bg{ clear:left; float:left; width:630px; background:url(business-co-images/abt_img.jpg) bottom right no-repeat;}
.abt_arw{ clear:left; float:left; margin:20px 0px 0px 15px;}
.abt_txt2{ float:left; width:310px; font:11px/15px arial; color:#8A8A8A; margin:15px 0px 0px 15px; text-decoration:none;}
.ft_bg{ display: inline; clear:left; float:left; width:1000px; height:111px; background:#EEEEEE;}
.ft_bar{ float:left; margin:32px 0px 0px 15px;}
.ft_home{ clear:left; float:left; width:60px; font: 11px/15px tahoma; color:#6D6D6D; margin:29px 0px 0px 250px; text-decoration:none; }
.ft_dom{ float:left; width:65px; font: 11px/15px tahoma; color:#6D6D6D; margin:29px 0px 0px 15px; text-decoration:none;}
.ft_copy{ clear:left; float:left; width:290px; font: 11px/15px tahoma; color:#C9950B; margin:8px 0px 0px 340px;}
.ft_dom1{ float:left; width:70px; font: 11px/15px tahoma; color:#6D6D6D; margin:29px 0px 0px 15px; text-decoration:none;}
.ft_spl{ float:left; width:50px; font: 11px/15px tahoma; color:#6D6D6D; margin:29px 0px 0px 15px; text-decoration:none;}
</style>
</head>
<body>
<!--main block starts here -->
<div id="mainblock">
<!--inner block starts here -->
<div id="innerblock">
<!--top block starts here -->
<div class="topblock">
<div class="abt_tp_bg1"> <a href="http://www.free-css.com/" class="abt_tp_hme">Home Page</a> <a href="about.html" class="abt_tp_abt">About Us</a> <a href="http://www.free-css.com/" class="tp_hme1">Services</a> <a href="http://www.free-css.com/" class="tp_hme2">Partners</a> <a href="http://www.free-css.com/" class="tp_hme2">Support</a> <a href="http://www.free-css.com/" class="tp_hme2">Contact Us</a> </div>
<div class="tp_bg2"> <a href="http://www.free-css.com/" class="tp_logo"><img src="business-co-images/tp_logo.jpg" width="245" height="44" alt="" /></a> <span class="logo_txt"><span style="font:18px arial; color:#C5CCE4;">Morbi eleifend placerat eros.</span><br />
Nullam nulla. Nullam nulla diam, faucibus in, adipiscing sit amet, interdum eu, tortor.</span> <span class="logo_txt2"><span style="font:14px arial; color:#FFC834;"><b>Donec MolestieT</b></span><br />
Phasellus non for Business</span> </div>
<div class="tp_bg3"> <span class="tp_online"><b>Online</b> Support Chat<br />
<br />
<a href="http://www.free-css.com/" style="color:#50504F;">Click Here »</a></span> </div>
<div class="center_panel"> <img src="business-co-images/cp_top.jpg" width="980" height="5" alt="" class="cp_top" />
<div class="cen_1px">
<p style="clear:left; float:left; width:599px;"> <img src="business-co-images/succ_img.jpg" width="158" height="134" alt="" class="succ_img" /> <span style="float:left; width:380px;"> <span class="cp_teach">“We'll Teach You To Be <span style="font:24px Century Gothic; color:#FFBE11;">Successful</span></span> <span class="teach_txt">Donec at nulla. Vivamus pharetra orci. Praesent ut pede. Vivamus mattis. Pellentesque placerat faucibus risus.<br />
<b>Nulla commodo placerat orci.</b><br />
<br />
<a href="http://www.free-css.com/" style="color:#D2D2D2;">View More Info »</a> </span> </span> <img src="business-co-images/cp_line.jpg" width="1" height="150" alt="" class="cp_line" /> </p>
<p style="float:left; width:381px;"> <img src="business-co-images/cp_mae_arw.jpg" width="17" height="16" alt="" class="cp_mae_arw" /> <span class="cp_mae_txt">Maecenas blandit nibh et nibh. </span> <span class="cp_mae_txt2">Fusce condimentum. Mauris non sapien eu ipsum congue scelerisque. Vivamus scelerisque, elit sed vulputate cursus, elit arcu ullamcorper justo, a condimentum dui felis cursus sapien. Nunc elit.<br />
<span style="color:#398AEF;">Fusce rhoncus lacus quisper inceptos himenaeo diam.<br />
<br />
<a href="http://www.free-css.com/" style="color:#FFBE11;">View More Info »</a> </span></span> </p>
</div>
<img src="business-co-images/cp_bot.jpg" width="980" height="5" alt="" class="cp_top" /> </div>
</div>
<!--top block ends here -->
<!--content panel starts here -->
<div class="cp_div">
<!--left panel starts here -->
<div class="abt_lp_div" style="margin-left:44px;"> <span class="lp_abt"><span style=" font:28px arial;color:#1535AB;">About Us</span><br />
Cras dapibus porta odio. Praesent eu neque. Nulla fermentum rutrum arcu. </span> <span class="abt_txt"><b>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae</b> Nam Aliquam nec augue. Nunc vitae dui. Proin at dolor in erat posuere varius. Praesent in dolor. Aliquam a magna. Nullam adipiscing pharetra tortor. Ut laoreet ullamcorper sem. Quisque mollis velit sed leo. Vivamus ac purus ac risus consequat imperdiet. Quisque volutpat turpis eget magna. Ut at tortor. Morbi a nisi eu nulla ultricies sagittis. Fusce id magna ac urna semper egestas. Duis ac diam. Cras dapibus porta odio. Praesent eu neque. Nulla fermentum rutrum arcu. <br />
<br />
Quisque eget ipsum gravida nisi consectetur mattis. Donec venenatis. Vestibulum aliquet, risus eget vulputate laoreet, augue elit scelerisque nunc, eu vehicula justo mi nec metus. Nulla tortor. Nunc ut lorem sit amet sem convallis malesuada. Donec condimentum porta mauris. Maecenas eleifend, mauris ut pretium blandit, eros sapien suscipit mi, a ullamcorper turpis dolor sit amet sem. Morbi eget metus. Nulla facilisi. Pellentesque at orci quis dolor porttitor cursus. Phasellus molestie, tortor ac facilisis lobortis, est ligula accumsan tellus, blandit pharetra purus sapien ut nulla. <br />
<br />
Etiam justo magna, tristique vitae, bibendum id, blandit sed, ligula. Ut eget diam. Vestibulum sapien eros, aliquam vitae, lacinia sit amet, molestie non, massa. <br />
<br />
Duis ac diam. Cras dapibus porta odio. Praesent eu neque. Nulla fermentum rutrum arcu. Quisque eget ipsum gravida nisi consectetur mattis. </span><br />
<span class="abt_img_bg"> <img src="business-co-images/wel_arw.jpg" width="5" height="9" alt="" class="abt_arw" /> <span class="abt_txt2">Duis ac diam. Cras dapibus porta odio. Praesent eu neque. Nulla fermentum rutrum arcu. Quisque eget ipsum gravida nisi consectetur mattis.</span><br />
<img src="business-co-images/wel_arw.jpg" width="5" height="9" alt="" class="abt_arw" /> <span class="abt_txt2">Duis ac diam. Cras dapibus porta odio. Praesent eu neque. Nulla fermentum rutrum arcu. Quisque eget ipsum gravida nisi consectetur mattis.</span><br />
<a href="http://www.free-css.com/" class="wel_txt"><b>More Info +</b></a> </span> </div>
<br />
<!--left panel ends here -->
<!--right panel starts here -->
<div class="rp_div"> <span class="lp_feat">Our Partners</span> <img src="business-co-images/part_img2.jpg" width="196" height="89" alt="" class="part_img" /> <img src="business-co-images/part_arw.jpg" width="8" height="9" alt="" class="part_arw"/> <span class="part_txt"><b>Sed temsmod purus.</b><br />
<br />
Suspendisse laoreet ipsum rhoncus sem. Maecenas ultricies. Nulla eleifend massa vel ipsum lobortis convallis. </span><br />
<img src="business-co-images/part_arw.jpg" width="8" height="9" alt="" class="part_arw"/> <span class="part_txt"><b>Sed temsmod purus.</b><br />
<br />
Suspendisse laoreet ipsum rhoncus sem. Maecenas ultricies. Nulla eleifend massa vel ipsum lobortis convallis. </span><br />
<img src="business-co-images/part_arw.jpg" width="8" height="9" alt="" class="part_arw"/> <span class="part_txt"><b>Sed temsmod purus.</b><br />
<br />
Suspendisse laoreet ipsum rhoncus sem. Maecenas ultricies. Nulla eleifend massa vel ipsum lobortis convallis. </span><br />
<a href="http://www.free-css.com/" class="feat_more"><b>More Info +</b></a> </div>
<!--right panel ends here -->
</div>
<!--content panel ends here -->
<!--footer panel starts here -->
<div class="ft_bg"> <a href="http://www.free-css.com/" class="ft_home">Home Page</a> <img src="business-co-images/ft_bar.jpg" width="1" height="11" alt="" class="ft_bar" /> <a href="about.html" class="ft_spl">About Us</a> <img src="business-co-images/ft_bar.jpg" width="1" height="11" alt="" class="ft_bar" /> <a href="http://www.free-css.com/" class="ft_spl">Services</a> <img src="business-co-images/ft_bar.jpg" width="1" height="11" alt="" class="ft_bar" /> <a href="http://www.free-css.com/" class="ft_spl">Partners</a> <img src="business-co-images/ft_bar.jpg" width="1" height="11" alt="" class="ft_bar" /> <a href="http://www.free-css.com/" class="ft_spl">Support</a> <img src="business-co-images/ft_bar.jpg" width="1" height="11" alt="" class="ft_bar" /> <a href="http://www.free-css.com/" class="ft_dom">Contact Us</a> <span class="ft_copy">Copyright © 2008 buytemplates.net. All Rights Reserved.</span> </div>
<br />
<br />
<!--footer panel ends here -->
</div>
<!--inner block ends here -->
</div>
<!--main block ends here -->
</body>
</html>
Related examples in the same category