industrial-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>Industrial Company - Content</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;}
a:hover{text-decoration:none;}
#main_block{
margin:auto;
width:1000px;
}
#innerblock{
float:left;
width:1000px;
background:#28BED6 url(industrial-company-images/bd_bg.jpg) repeat-x;
}
/* TOP PANEL STARTS HERE */
#top_panel{
float:left; display:inline;
width:1000px;
}
.logo{
float:left;
margin:17px 0 0 60px;
}
.menu{
float:left;
width:520px;
margin:32px 0 0 112px;
}
.menu a{
float:left;
width:66px;
height:56px;
margin:0px 0 0 15px;
background:url(industrial-company-images/tp_navbg.jpg) no-repeat;
font:bold 9px Arial, Helvetica, sans-serif;
color:#000000;
text-align:center;
padding-top:30px;
text-decoration:none;
}
.menu a:hover{
float:left;
width:66px;
height:56px;
margin:0px 0 0 15px;
background:url(industrial-company-images/tp_navbg.jpg) no-repeat;
font:bold 9px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
padding-top:30px;
text-decoration:none;
}
/* TOP PANEL ENDS HERE */
/* CONTENT PANEL STARTS HERE */
#contentpanel{
clear:left; float:left; width:892px;
display:inline; margin:0px 0 0 54px;
background:#FFFFFF;
}
/* LEFT PANEL STARTS HERE */
.lp_padd{
float:left;
width:620px;
display:inline;
margin:10px 0 0 15px;
}
.lp_welbldxt{
float:left;
font:bold 11px Arial, Helvetica, sans-serif;
color:#2F4F57;
width:540px;
margin:10px 0 0 15px;
}
.lp_welpara{
clear:left; float:left;
width:415px;
margin:10px 0 0 15px;
font:11px/15px Arial, Helvetica, sans-serif; color:#8E9192;
}
.lp_welnks{
float:left;
font:bold 11px/15px Arial, Helvetica, sans-serif;
color:#CE0606;
width:380px;
margin:8px 0 0 0;
}
.lp_twopad{
clear:left;
float:left;
width:610px;
display:inline;
margin:15px 0 0 5px;
}
.lp_two1pad{
float:left;
width:314px;
display:inline;
}
.lp_onlfulbg{
float:left;
background:url(industrial-company-images/lp_onlfulbg.jpg) no-repeat;
width:299px;
height:64px;
display:inline;
}
.lp_ontxt{
float:left;
font:30px Arial, Helvetica, sans-serif;
color:#000000;
width:260px;
margin:4px 0 0 20px;
}
.lp_onclick{
float:left;
font:bold 12px Arial, Helvetica, sans-serif;
color:#D12807;
width:65px;
margin:2px 0 0 30px;
}
.lp_grnbg{
float:left;
background:url(industrial-company-images/lp_grnbg.jpg) no-repeat;
width:301px;
height:80px;
display:inline;
margin-top:10px;
}
.lp_blubg{
float:left;
background:url(industrial-company-images/lp_blubg.jpg) no-repeat;
width:301px;
height:80px;
display:inline;
margin-top:10px;
}
.lp_yelbg{
float:left;
background:url(industrial-company-images/lp_yellbg.jpg) no-repeat;
width:301px;
height:80px;
display:inline;
margin-top:10px;
}
.lp_two2pad{
float:left;
width:270px;
display:inline;
margin-left:5px;
}
.lp_twobg{
float:left;
width:267px;
background:#F9FAFA;
border-left:1px solid #F6F6F6;
border-right:1px solid #F6F6F6;
}
.lp_grntxts{
float:left;
font:11px/16px Arial, Helvetica, sans-serif;
color:#FFFFFF;
width:198px;
margin:10px 0 0 10px;
}
.lp_corptxts{
float:left; margin:15px 0 0 22px;
width:220px;
font:11px/16px Arial, Helvetica, sans-serif;
color:#1D1D1D;
}
.lp_corparro{
clear:left;
float:left;
background:url(industrial-company-images/lp_corparro.jpg) no-repeat left;
width:60px;
padding-left:20px;
height:18px;
font:11px Arial, Helvetica, sans-serif;
color:#004651;
margin:10px 0 0 20px;
}
.lp_advcorpx{
float:left;
width:245px;
font:11px/16px Arial, Helvetica, sans-serif;
color:#373635;
margin:10px 0 0 20px;
}
.rp_feattits{
float:left;
font:bold 18px Arial, Helvetica, sans-serif; color:#373635;
width:200px;
margin:5px 0 0 10px;
}
.lp_successpad{
float:left;
width:589px;
background:#F8F9F9;
display:inline;
}
.lp_succespara{
float:left;
width:350px;
margin:10px 0 0 10px;
display:inline;
}
.lp_sucstit{
float:left;
font:bold 18px Arial, Helvetica, sans-serif;
color:#FF720A;
width:190px;
margin:2px 0 0 0;
}
.lp_suctxtxs{
float:left;
font:11px/16px Arial, Helvetica, sans-serif;
color:#3F6779;
width:320px;
margin:13px 0 0 0;
}
.lp_induspad{
float:left; width:548px;
font:11px/16px Arial, Helvetica, sans-serif;
color:#758080;
margin:12px 0 0 15px;
}
/* LEFT PANEL ENDS HERE */
/* RIGHT PANEL STARTS HERE */
.rp_padd{
float:left; margin:10px 0 0 2px;
width:245px; display:inline;
}
.rp_featop{
float:left;
background:url(industrial-company-images/rp_featop.jpg) no-repeat;
width:215px;
height:36px;
display:inline;
padding:22px 0 0 22px;
font:bold 18px Arial, Helvetica, sans-serif;
color:#373635;
}
.rp_featpad{
float:left;
background:#539099;
width:237px;
display:inline;
}
.rp_grnparaxt{
float:left;
margin:22px 0 0 10px;
width:150px;
font:11px/16px Arial, Helvetica, sans-serif; color:#255B58;
}
.rp_mainpad{
float:left;
width:236px;
display:inline;
background:#E7E8E8 url(industrial-company-images/rp_mainbtman.jpg) no-repeat bottom;
padding-bottom:80px;
}
.rp_maintxts{
float:left;
width:210px;
margin:15px 0 0 15px;
font:bold 11px/24px Arial, Helvetica, sans-serif;
color:#0E96AF;
}
.rp_compblkpad{
float:left;
width:236px;
background:#0D0D0D;
display:inline;
}
.rp_compbltxt{
float:left;
font:11px/16px Arial, Helvetica, sans-serif;
color:#FFD200;
width:125px;
margin:10px 0 0 10px;
}
.rp_grnbnrbg{
float:left;
background:url(industrial-company-images/rp_grnbnrbg.jpg) no-repeat;
width:236px;
height:123px;
display:inline;
margin-top:10px;
}
.rp_contxtxs{
float:left;
font:18px Arial, Helvetica, sans-serif;
color:#FFFFFF;
width:195px;
margin:10px 0 0 10px;
}
.rp_contlnks{
float:left;
width:180px;
margin:15px 0 0 20px;
font:11px Arial, Helvetica, sans-serif;
color:#000000;
}
/* RIGHT PANEL ENDS HERE */
/* CONTENT PANEL ENDS HERE */
#ft_padd{
clear:left; float:left; width:1000px;
background:#1EE7F6 url(industrial-company-images/ft_bg1px.jpg) repeat-x;
padding-bottom:20px;
}
.ftr_lnks{
float:left; display:inline;
margin:22px 0 0 180px; width:590px;
font:11px/15px Arial, Helvetica, sans-serif;
color:#A09B81;
}
.ft_bgtile{
float:left;
background:#25E7F5 url(industrial-company-images/ft_bgtile.jpg) repeat-x;
width:855px;
display:inline;
height:103px;
margin-top:10px;
}
.fp_txt{
float:left; margin:0px 0 0 0px;
font:11px/15px Arial; color:#A09B81;
text-decoration:none; display:inline;
}
.fp_divi{
float:left; margin:0px 16px 0 16px;
font:11px/15px Arial; color:#A09B81;
display:inline;
}
.ft_cpy{
clear:left; float:left;
font: 11px/15px Tahoma; color:#383836;
margin:10px 0px 0px 90px; width:310px;
text-decoration:none;
}
</style>
</head>
<body>
<div id="main_block">
<div id="innerblock">
<!--Top Panel starts here -->
<div id="top_panel"> <a href="index.html" class="logo"><img src="industrial-company-images/logo.jpg" width="279" height="54" alt="" /></a>
<div class="menu"> <a href="index.html">HOME</a> <a href="content.html">PROJECT</a> <a href="http://www.free-css.com/">SERVICE</a> <a href="http://www.free-css.com/">EQUIPMENT</a> <a href="http://www.free-css.com/">CONTACT US</a> </div>
<img src="industrial-company-images/tp_bg1.jpg" width="393" height="317" alt="" style="clear:left; float:left; margin:-40px 0 0 55px; position:relative;" /> <img src="industrial-company-images/tp_bg2.jpg" width="499" height="277" alt="" style="float:left;" /> </div>
<!--Top Panel ends here -->
<!--content Panel starts here -->
<img src="industrial-company-images/cp_top.jpg" width="892" height="15" alt="" style="float:left; margin-left:54px;" />
<div id="contentpanel">
<!--Left Panel starts here -->
<div class="lp_padd"> <img src="industrial-company-images/lp_abtitinner.jpg" width="152" height="42" alt="" style="float:left; margin:10px 0 0 13px;" /> <span class="lp_welbldxt">APellentesque ut magna nec mi pellentesque cursus. Nunc cursus. Vestibulum quis ante id erat</span> <span class="lp_welbldxt">Quisque bibendum. Vivamus interdum, libero sed tincidunt porttitor, sapien vitae ornareodvitaeio</span> <span class="lp_welpara" style="width:588px;"><font color="#5BAAB6">Nullam et nunc. In in velit at odio consequat euismod.</font> Morbi lectus. In hac habitasse platea dictumst. Nam sollicitudin ante. Quisque sollicitudin metus ac purus. Mauris luctus leo id ligula. Morbi iaculis. Nulla in odio quis lectus molestie accumsan. Vivamus nisi. Pellentesque rhoncus arcu eget leo. Sed quam leo, viverra vitae, aliquam eu, commodo non, arcu. Nunc adipiscing. Donec eu nisl. Vestibulum nulla. In non purus vitae orci sollicitudin viverra. Suspendisse potenti. Vivamus mattis tristique leo. Suspendisse sed metus at magna consequat dictum. Donec dictum, odio sit amet condimentum gravida, risus enim ultricies tellus, eu blandit lectus nulla quis augue.</span> <img src="industrial-company-images/lp_sucestp.jpg" width="589" height="13" alt="" style="clear:left; float:left; margin:15px 0 0 0;" />
<div class="lp_successpad"> <span class="lp_succespara"> <span class="lp_sucstit">Sucessful Stories</span> <img src="industrial-company-images/lp_sucesarro.jpg" width="12" height="14" alt="" style="clear:left; float:left; margin:15px 10px 0 0;" /> <span class="lp_suctxtxs">Donec placerat urnaFusce fermenhabitasse platea dictumstum </span> <img src="industrial-company-images/lp_sucesarro.jpg" width="12" height="14" alt="" style="clear:left; float:left; margin:15px 10px 0 0;" /> <span class="lp_suctxtxs">Mauris id elit a elit porttitor pede gravpellentesque ut, consectetu</span> <img src="industrial-company-images/lp_sucesarro.jpg" width="12" height="14" alt="" style="clear:left; float:left; margin:15px 10px 0 0;" /> <span class="lp_suctxtxs">Maecenas malesuada pulvinarNulltempor at, ullamcorpedsfdram </span> <img src="industrial-company-images/lp_sucesarro.jpg" width="12" height="14" alt="" style="clear:left; float:left; margin:15px 10px 0 0;" /> <span class="lp_suctxtxs">Vivamus placeratfermentum dapibus fProin sed tellusef sederlis</span> </span> <img src="industrial-company-images/lp_sucesimg.jpg" width="200" height="159" alt="" style="float:left; margin:20px 0 0 0px;" /> </div>
<img src="industrial-company-images/lp_sucesbtm.jpg" width="589" height="11" alt="" style="clear:left; float:left; margin:0px 0 0 0;" /> <img src="industrial-company-images/lp_sucestp.jpg" width="589" height="13" alt="" style="clear:left; float:left; margin:15px 0 0 0;" />
<div class="lp_successpad" style="padding-bottom:20px;"> <span class="lp_sucstit" style="width:270px; margin:12px 0 0 15px;"><font color="#1F8CF1">Our</font> <font color="#4A5051">Industrial Company</font></span> <span class="lp_induspad">Sed risus lorem, pellentesque vitae, tempor quis, dignissim ac, elit. Suspendisse imperdiet mi sit amet ante. Vivamus blandit lectus quis nunc. Vivamus convallis leo ut odio. Duis nibh. Aenean nec ipsum. Nunc justo tortor, tempor at, ullamcorper vestibulum, sodales eget, orci. Ut iaculis. Mauris accumsan, leo nec dapibus tincidunt, ante augue feugiat felis, eget tincidunt tortor libero iaculis tellus. Fusce ut odio. Sed nisi ipsum, sollicitudin fermentum, venenatis porttitor, accumsan vel, augue. Aliquam aliquam</span> </div>
<img src="industrial-company-images/lp_sucesbtm.jpg" width="589" height="11" alt="" style="clear:left; float:left; margin:0px 0 0 0;" /> </div>
<!--Left Panel ends here -->
<!--Right Panel starts here -->
<div class="rp_padd"> <span class="rp_featop"><font color="#FFFFFF">Featured</font> Services</span>
<div class="rp_featpad"> <img src="industrial-company-images/rp_featline.jpg" width="221" height="1" alt="" style="float:left; margin-left:5px;" /> <img src="industrial-company-images/rp_grnimg1.jpg" width="51" height="51" alt="" style="clear:left; float:left; margin:25px 0 0 15px;" /> <span class="rp_grnparaxt"><font color="#FFD200">In ha habitass platea</font> dictumst. Quisque condimentum dolor sed .</span> <img src="industrial-company-images/rp_grnimg2.jpg" width="51" height="51" alt="" style="clear:left; float:left; margin:25px 0 0 15px;" /> <span class="rp_grnparaxt"><font color="#FFD200">In ha habitass platea</font> dictumst. Quisque condimentum dolor sed .</span> <img src="industrial-company-images/rp_grnimg3.jpg" width="51" height="51" alt="" style="clear:left; float:left; margin:25px 0 0 15px;" /> <span class="rp_grnparaxt"><font color="#FFD200">In ha habitass platea</font> dictumst. Quisque condimentum dolor sed .<br />
<a href="http://www.free-css.com/" style="color:#FFFFFF;"><b>read more</b></a></span> </div>
<a href="http://www.free-css.com/"><img src="industrial-company-images/rp_bldinrimg.jpg" width="237" height="91" alt="" style="float:left;" /></a> <img src="industrial-company-images/rp_comptip.jpg" width="236" height="10" alt="" style="float:left; margin-top:10px;" />
<div class="rp_compblkpad"> <img src="industrial-company-images/rp_comptit.jpg" width="209" height="30" alt="" style="float:left; margin-left:10px;" /> <span class="rp_compbltxt">Etiam interdum neque varius leo. Proin eget nisl. Maecenas<BR />
<a href="http://www.free-css.com/" style="color:#FFFFFF;">READ MORE</a></span> <img src="industrial-company-images/rp_compwtch.jpg" width="81" height="66" alt="" style="float:left; margin:5px 0 0 10px;" /> </div>
<img src="industrial-company-images/rp_compbtm.jpg" width="236" height="11" alt="" style="float:left;" />
<div class="rp_grnbnrbg"> <span class="rp_contxtxs">CONTACT</span> <img src="industrial-company-images/rp_contline.jpg" width="212" height="2" alt="" style="float:left; margin:5px 0 0 10px;" /> <span class="rp_contlnks">066-1234-565875<br />
WWW.INDUSTIRAL COMPANY</span> </div>
</div>
<!--Right Panel ends here -->
</div>
<img src="industrial-company-images/cp_btm.jpg" width="892" height="10" alt="" style="clear:left; float:left; margin-left:54px;" />
<!--content Panel ends here -->
<!--footer panel starts here -->
<div id="ft_padd"> <img src="industrial-company-images/ft_left.jpg" width="20" height="103" alt="" style="float:left; margin:10px 0 0 52px;" />
<div class="ft_bgtile">
<div class="ftr_lnks"> <span class="ft_cpy">©copyrights @ 2009 domain name. All Rights Reserved<br />
Template By: <a href="http://buytemplates.net">buytemplates.net</a></span> </div>
</div>
<img src="industrial-company-images/ft_rite.jpg" width="17" height="103" alt="" style="float:left; margin-top:10px;" /> </div>
<br />
<!--footer panel ends here -->
</div>
<!--innerblock ends here -->
</div>
<!--mainblock ends here -->
</body>
</html>
Related examples in the same category