software-company
<!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>Software Company - 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;}
p{ margin:0px; padding:0px;}
img{ border:0px;}
#mainblock{ width:1000px; margin: auto;}
#innerblock{ width:1000px; float:left; background:#ECECEC repeat;}
a:hover{ text-decoration: underline;}
.topblock{ display:inline; clear:left; float:left; width:1000px;}
.tp_bg1{ display:inline; clear:left; float:left; height:350px; width:466px; background:url(software-company-images/tp_bg1.jpg) no-repeat;}
.tp_logo{ clear:left; float:left; margin:28px 0px 0px 60px;}
.navig_1pxx{ display:inline; clear:left; float:left; height:53px; width:942px; background:url(software-company-images/home_bg.gif) repeat-x; margin-left:29px;}
.tp_click{ clear:left; float:left; margin:153px 0px 0px 80px;}
.tp_create{ float:left; margin:94px 0px 0px 38px;}
.tp_bar{ float:left; margin:0px 0px 0px 38px;}
.tp_home{ clear:left; float:left; margin:20px 0px 0px 97px;}
.tp_home1{ float:left; margin:20px 0px 0px 31px;}
.cp_div{ display: inline; clear:left; float:left; width:942px; background:#F6F6F6 repeat; margin-left:29px;}
.welcome{ display: inline; clear:left; float:left; width:712px;}
.wel_bg{ display: inline; clear:left; float:left; width:666px; height:54px; background:url(software-company-images/wel_bg.gif) repeat-x;}
.lp_welcome{ clear:left; float:left; margin:19px 0px 0px 16px;}
.lp_div{ display:inline; clear:left; float:left; width:712px;}
.wel_txt{ clear:left; float:left; width:632px; font:11px/18px tahoma; color:#878787; margin:10px 0px 0px 15px;}
.lp_view{ clear:left; float:left; width:52px; font:11px/18px tahoma; color:#000000; margin:8px 0px 0px 15px; text-decoration:none;}
.view_arrow{ float:left; margin:16px 0px 0px 8px;}
.lates_serv{ clear:left; float:left; width:712px; background:url(software-company-images/serv_1pxx.gif) repeat; margin-top:15px;}
.lp_latest{ clear:left; float:left; margin:20px 0px 0px 37px;}
.lates_line{ clear:left; float:left; margin:21px 0px 0px 15px;}
.lates_arrow{ clear:left; float:left; margin:17px 0px 0px 35px;}
.lates_txt{ float:left; width:210px; font:11px/18px tahoma; color:#737373; margin:16px 0px 0px 6px; text-decoration:none;}
.lates_img1{ clear:left; float:left; margin:21px 0px 0px 55px;}
.lates_img2{ float:left; margin:21px 0px 0px 31px;}
.lates_view{ clear:left; float:left; width:52px; font:11px/18px tahoma; color:#000000; margin:8px 0px 0px 35px; text-decoration:none;}
.lp_subscribe{ clear:left; float:left; margin:17px 0px 0px 60px;}
.enter_mail{ clear:left; float:left; width:140px; font: bold 11px/15px arial; color:#169CDA; margin:12px 0px 0px 59px;}
.mail_box{ clear:left; float:left; margin:10px 0px 0px 60px;}
.sub_go{ clear:left; float:left; margin:5px 0px 0px 262px;}
.sub_line{ clear:left; float:left; margin:16px 0px 0px 0px;}
.sub_txt{ clear:left; float:left; width:243px; font: bold 11px/15px arial; color:#878787; margin:18px 0px 0px 47px;}
.sub_arrow{ clear:left; float:left; margin:10px 0px 0px 59px;}
.sub_txt1{ float:left; width:175px; font: 11px/15px arial; color:#181A1A; margin:8px 0px 0px 6px; text-decoration:none;}
.rp_div{ display:inline; float:left; width:230px;}
.login{ display:inline; clear:left; float:left; width:230px;}
.memb_bg{ clear:left; float:left; width:230px; height:41px; background: url(software-company-images/memb_bg.gif) repeat-x;}
.rp_members{ clear:left; float:left; margin:12px 0px 0px 44px;}
.mail_bg{ clear:left; float:left; width:230px; background:#BDE8FB; padding-bottom:15px;}
.rp_line{ clear:left; float:left; margin:0px 0px 0px 9px;}
.rp_name{ clear:left; float:left; width:60px; font: bold 11px/15px arial; color:#515151; margin:12px 0px 0px 31px;}
.name_box{ clear:left; float:left; margin:6px 0px 0px 31px;}
.rp_login{ clear:left; float:left; margin:10px 0px 0px 122px;}
.rp_forgot{ clear:left; float:left; width:125px; font: bold 11px/15px arial; color:#515151; margin:8px 0px 0px 71px; text-decoration:none;}
.bot_line{ clear:left; float:left; margin:15px 0px 0px 9px;}
.download{ display:inline; clear:left; float:left; width:210px; height:73px; background: #FFFFFF; margin:27px 0px 0px 10px;}
.rp_download{ clear:left; float:left; margin:8px 0px 0px 34px;}
.rp_sales{ clear:left; float:left; margin:8px 0px 0px 89px;}
.rp_serv{ clear:left; float:left; margin:8px 0px 0px 46px;}
.down_txt1{ clear:left; float:left; width:133px; font: 11px/15px arial; color:#DE8772; margin:8px 0px 0px 13px; text-decoration:none;}
.down_txt2{ clear:left; float:left; width:70px; font: 11px/15px arial; color:#DE8772; margin:2px 0px 0px 83px; text-decoration:none;}
.down_txt3{ clear:left; float:left; width:116px; font: 11px/15px arial; color:#DE8772; margin:8px 0px 0px 29px; text-decoration:none;}
.down_img{ float:left; margin:20px 0px 0px 0px;}
.rp_cont_bg{ clear:left; float:left; width:230px; background:#980F0F url(software-company-images/rp_cont_bg.gif) repeat-x; margin-top:2px; padding-bottom:11px;}
.rp_contact{ clear:left; float:left; margin:17px 0px 0px 16px;}
.cont_txt{ clear:left; float:left; width:190px; font: bold 14px/18px arial; color:#ffffff; margin:9px 0px 0px 16px; }
.cont_txt1{ clear:left; float:left; width:185px; font: 11px/18px arial; color:#FFF152; margin:9px 0px 0px 16px;}
.rp_phone{ clear:left; float:left; width:34px; font: bold 11px/15px arial; color:#737373; margin:11px 0px 0px 17px; }
.phone_no{ float:left; width:105px; font: bold 11px/15px arial; color:#ffffff; margin:11px 0px 0px 0px; }
.rp_fax{ clear:left; float:left; width:34px; font: bold 11px/15px arial; color:#737373; margin:2px 0px 0px 17px; }
.fax_no{ float:left; width:105px; font: bold 11px/15px arial; color:#ffffff; margin:2px 0px 0px 0px; }
.int_praesent{ display:inline; clear:left; float:left; width:712px; margin-top:35px;}
.pares_txt{ clear:left; float:left; width:235px; font: 13px/18px arial; color:#C51110; margin:0px 0px 0px 17px;}
.praes_bg{ clear:left; float:left; width:283px; height:25px; background:#BBE8F9; margin:14px 0px 0px 15px;}
.pares_txt1{ clear:left; float:left; width:272px; font: bold 11px/14px arial; color:#484848; margin:6px 0px 0px 8px; text-decoration:none;}
.ft_bg{ display:inline; clear:left; float:left; width:942px; height:103px; background:url(software-company-images/ft_bg.gif) repeat-x; margin-left:29px;}
.ft_bar{ float:left; margin:32px 0px 0px 15px;}
.ft_home{ clear:left; float:left; width:29px; font: 11px/15px tahoma; color:#000000; margin:29px 0px 0px 247px; text-decoration:none; }
.ft_dom{ float:left; width:45px; font: 11px/15px tahoma; color:#000000; margin:29px 0px 0px 15px; text-decoration:none;}
.ft_copy{ clear:left; float:left; width:320px; font: 11px/15px tahoma; color:#454545; margin:8px 0px 0px 323px;}
.ft_serv{ float:left; width:65px; font: 11px/15px tahoma; color:#000000; margin:29px 0px 0px 15px; text-decoration:none;}
.ft_sale{ float:left; width:27px; font: 11px/15px tahoma; color:#000000; 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="tp_bg1"> <a href="http://www.free-css.com/" class="tp_logo"><img src="software-company-images/tp_logo.gif" width="273" height="44" alt="" /></a> <a href="http://www.free-css.com/" class="tp_click"><img src="software-company-images/tp_click.gif" width="106" height="104" alt="" /></a> <img src="software-company-images/tp_create.gif" width="225" height="94" alt="" class="tp_create" /> </div>
<img src="software-company-images/tp_bg2.jpg" width="534" height="349" alt="" style="float:left;" />
<div class="navig_1pxx"> <a href="http://www.free-css.com/" class="tp_home"><img src="software-company-images/tp_home.gif" width="32" height="8" alt="" /></a> <img src="software-company-images/tp_bar.gif" width="1" height="53" alt="" class="tp_bar" /> <a href="about.html" class="tp_home1"><img src="software-company-images/tp_abt.gif" width="52" height="8" alt="" /></a> <img src="software-company-images/tp_bar.gif" width="1" height="53" alt="" class="tp_bar" /> <a href="http://www.free-css.com/" class="tp_home1"><img src="software-company-images/tp_prod.gif" width="54" height="8" alt="" /></a> <img src="software-company-images/tp_bar.gif" width="1" height="53" alt="" class="tp_bar" /> <a href="http://www.free-css.com/" class="tp_home1"><img src="software-company-images/tp_download.gif" width="60" height="8" alt="" /></a> <img src="software-company-images/tp_bar.gif" width="1" height="53" alt="" class="tp_bar" /> <a href="http://www.free-css.com/" class="tp_home1"><img src="software-company-images/tp_sales.gif" width="30" height="8" alt="" /></a> <img src="software-company-images/tp_bar.gif" width="1" height="53" alt="" class="tp_bar" /> <a href="http://www.free-css.com/" class="tp_home1"><img src="software-company-images/tp_serv.gif" width="47" height="8" alt="" /></a> <img src="software-company-images/tp_bar.gif" width="1" height="53" alt="" class="tp_bar" /> <a href="http://www.free-css.com/" class="tp_home1"><img src="software-company-images/tp_contact.gif" width="63" height="8" alt="" /></a> </div>
</div>
<!--top block ends here -->
<!--content panel starts here -->
<div class="cp_div">
<!--left panel starts here -->
<div class="lp_div">
<div class="welcome"> <span class="wel_bg"> <img src="software-company-images/abt_us.gif" width="91" height="16" alt="" class="lp_welcome" /> </span> <span class="wel_txt">Vivamus risus neque, pharetra at, pretium in, luctus eget, diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin eget enim id enim porttitor dictum. Nunc ornare, libero non feugiat commodo, tortor augue viverra dolor, ut vehicula urna dui id justo. Vestibulum tempus adipiscing enim.<br />
<br />
Duis tempus tincidunt massa. Sed nunc eros, dictum at, aliquet id, scelerisque ac, tellus. Quisque pharetra, turpis consectetuer pharetra condimentum, justo orci iaculis tellus, ac mollis mi lacus at arcu. Sed malesuada nisi in nibh. Curabitur sapien eros, tincidunt non, viverra eu, tristique at, metus. Duis placerat, nunc non suscipit sodales, ligula lectus vehicula nibh, et adipiscing eros urna a diam. Ut posuere. Nam neque urna, congue quis, consequat et, porta commodo, elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed sagittis purus. Donec suscipit. Praesent a arcu quis quam tempor ullamcorper. Nunc convallis aliquet enim.<br />
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis lacus. Integer venenatis tempor justo. Sed bibendum dolor a purus. Integer sodales pede quis ante. Maecenas sit amet pede. Suspendisse potenti. Nulla eget ligula quis lectus adipiscing pretium. Sed euismod risus. Mauris id mi eget nulla fermentum pharetra.<br />
<br />
Sed et eros pretium orci lobortis volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse porttitor augue nec ligula. Ut lacinia. Aenean turpis tortor, vestibulum non, sollicitudin eu, pellentesque in, libero. Praesent sit amet diam non nisi sollicitudin imperdiet. Aliquam diam. Proin ut pede at arcu blandit pulvinar.</span><br />
<a href="http://www.free-css.com/" class="lp_view">view more</a> <img src="software-company-images/view_arrow.gif" width="7" height="5" alt="" class="view_arrow" /> </div>
<div class="int_praesent">
<p style="clear:left; float:left; width:376px;"> <span class="pares_txt">PRAESENT MOLLIS ALIQUAM NIBH.</span> <span class="praes_bg"> <a href="http://www.free-css.com/" class="pares_txt1">Fusce rutrum quam ut ante.</a> </span> <span class="praes_bg"> <a href="http://www.free-css.com/" class="pares_txt1">Proin dictum vehicula odio.</a> </span> <span class="praes_bg"> <a href="http://www.free-css.com/" class="pares_txt1">Aliquam faucibus felis vitae odio.</a> </span> <span class="praes_bg"> <a href="http://www.free-css.com/" class="pares_txt1">Duis porta ultricies lectus.</a> </span> <span class="praes_bg"> <a href="http://www.free-css.com/" class="pares_txt1">Pellentesque ligula a massa.</a> </span> <span class="praes_bg"> <a href="http://www.free-css.com/" class="pares_txt1">Aliquam dictum risus a mi.</a> </span> <span class="praes_bg"> <a href="http://www.free-css.com/" class="pares_txt1">Donec sed neque in metus pharetra adipiscing.</a> </span> </p>
<p style="float:left; width:336px;"> <span class="pares_txt">FUSCE RUTRUM QUAM UT ANTE.</span> <span class="praes_bg"> <a href="http://www.free-css.com/" class="pares_txt1">Proin sagittis rutrum mauris.</a> </span> <span class="praes_bg"> <a href="http://www.free-css.com/" class="pares_txt1">Phasellus interdum tincidunt tortor.</a> </span> <span class="praes_bg"> <a href="http://www.free-css.com/" class="pares_txt1">Etiam et sem id lectus feugiat lobortis.</a> </span> <span class="praes_bg"> <a href="http://www.free-css.com/" class="pares_txt1">Aenean consectetuere fringilla malesuada.</a> </span> <span class="praes_bg"> <a href="http://www.free-css.com/" class="pares_txt1">Suspendisse auctor hendrerit sem.</a> </span> <span class="praes_bg"> <a href="http://www.free-css.com/" class="pares_txt1">Nam at est eget justo ornare bibendum.</a> </span> <span class="praes_bg"> <a href="http://www.free-css.com/" class="pares_txt1">Eget justo ornare bibendum.</a> </span> </p>
</div>
</div>
<!--left panel ends here -->
<!--right panel starts here -->
<div class="rp_div">
<div class="login"> <span class="memb_bg"> <img src="software-company-images/rp_members.gif" width="125" height="12" alt="" class="rp_members" /> </span>
<div class="mail_bg"> <img src="software-company-images/rp_line.gif" width="213" height="1" alt="" class="rp_line" /> <span class="rp_name">Your Name</span>
<input name="#" type="text" style="width:162px; height:21px; background:#F9F7EB; border:1px solid #9E9E9E;" class="name_box" />
<span class="rp_name">Password</span>
<input name="#" type="password" style="width:162px; height:21px; background:#F9F7EB; border:1px solid #9E9E9E;" class="name_box" />
<a href="http://www.free-css.com/" class="rp_login"><img src="software-company-images/rp_login.gif" width="72" height="23" alt="" /></a> <a href="http://www.free-css.com/" class="rp_forgot">Forgot Your Password</a> <img src="software-company-images/rp_line.gif" width="213" height="1" alt="" class="bot_line" />
<div class="download">
<p style="clear:left; float:left; width:149px;"> <img src="software-company-images/rp_download.gif" width="109" height="15" alt="" class="rp_download" /> <a href="http://www.free-css.com/" class="down_txt1">Nulla sagittis mattis massa.</a> <a href="http://www.free-css.com/" class="down_txt2">Nam lobortis</a> </p>
<img src="software-company-images/down_img.jpg" width="54" height="33" alt="" class="down_img" /> </div>
<div class="download">
<p style="clear:left; float:left; width:149px;"> <img src="software-company-images/rp_sales.gif" width="55" height="16" alt="" class="rp_sales" /> <a href="http://www.free-css.com/" class="down_txt3">Etiam vel sem eu neque</a> <a href="http://www.free-css.com/" class="down_txt2">Nam lobortis</a> </p>
<img src="software-company-images/down_img.jpg" width="54" height="33" alt="" class="down_img" /> </div>
<div class="download">
<p style="clear:left; float:left; width:149px;"> <img src="software-company-images/rp_serv.gif" width="87" height="16" alt="" class="rp_serv" /> <a href="http://www.free-css.com/" class="down_txt3">Suspendisse adipiscing</a> <a href="http://www.free-css.com/" class="down_txt2">Nam lobortis</a> </p>
<img src="software-company-images/down_img.jpg" width="54" height="33" alt="" class="down_img" /> </div>
</div>
<div class="rp_cont_bg"> <img src="software-company-images/rp_contact.gif" width="108" height="14" alt="" class="rp_contact" /><br />
<img src="software-company-images/cont_line.gif" width="213" height="1" alt="" class="bot_line"/> <span class="cont_txt">NUNC EU MI EGET MAURIS</span> <span class="cont_txt1"><a style=" color:#ffffff;"><b>451/9</b></a> lobortis tempor. Praesent rutrum <b>Aliquet urna. Proin sed HR 0658974</b><br />
<a style=" color:#ffffff;"><b>Doloraccumsan semper.</b></a></span> <span class="rp_phone">PH:</span> <span class="phone_no">0987-654-321</span> <span class="rp_fax">FAX:</span> <span class="fax_no">0987-654-321</span> </div>
</div>
</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</a> <img src="software-company-images/ft_bar.gif" height="10" width="1" alt="" class="ft_bar" /> <a href="http://www.free-css.com/" class="ft_dom">About Us</a> <img src="software-company-images/ft_bar.gif" height="10" width="1" alt="" class="ft_bar" /> <a href="http://www.free-css.com/" class="ft_dom">Products</a> <img src="software-company-images/ft_bar.gif" height="10" width="1" alt="" class="ft_bar" /> <a href="http://www.free-css.com/" class="ft_dom">Downloads </a> <img src="software-company-images/ft_bar.gif" height="10" width="1" alt="" class="ft_bar" /> <a href="http://www.free-css.com/" class="ft_sale">Sales </a> <img src="software-company-images/ft_bar.gif" height="10" width="1" alt="" class="ft_bar" /> <a href="http://www.free-css.com/" class="ft_dom">Services</a> <img src="software-company-images/ft_bar.gif" height="10" width="1" alt="" class="ft_bar" /> <a href="http://www.free-css.com/" class="ft_serv">Contact Us</a> <span class="ft_copy">Copyright © 2008 Software comany.com. All Rights Reserved.</span> </div>
<br />
<!--footer panel ends here -->
</div>
<!--inner block ends here -->
</div>
<!--main block ends here -->
</body>
</html>
Related examples in the same category