oheon_com_110100021
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<style type='text/css'>
* {
margin: 0;
padding: 0;
border: 0;
}
body {
padding: 2% 0 0;
background: #fff;
color: #000000;
font-family: Arial, Verdana, Helvetica, sans-serif, "Comic Sans MS";
}
#container {
width: 1000px;
margin: 0 auto;
/*border : 1px solid #999;*/
}
#header {
background: url(oheon_com_110100021-img/header.jpg) no-repeat;
width: 1000px;
height: 320px;
font-size: 11px;
}
#logo{
width: 170px;
margin: 0 5px 0 15px;
float: left;
}
#menu{
width: 675px;
float: right;
display: inline;
margin: 0 125px 0 0;
}
#menu_t{
height: 20px;
float: none;
}
#phone{
float:left;
}
#sitemap{
float: right;
}
#nav{
width: 675px;
height: 230px;
background: url(oheon_com_110100021-img/nav2.jpg) no-repeat;
margin: 3px 0 0 0;
}
#nav table {
text-align: left;
width: 675px;
height: 230px;
border: 1px;
}
#nav th{
text-align: left;
height: 15px;
padding: 6px 0 0 7px;
}
#nav td{
height: 21px;
padding: 0 0 0 7px;
}
#nav th a {
font-size: 13px;
color: #ffffff;
text-decoration: none;
}
#nav td a {
font-size: 12px;
color: #4e4d4d;
}
#nav td a:hover {
text-decoration: none;
}
#home{
width: 113px;
}
#web{
width: 135px;
}
#services{
width: 157px;
}
#portfolio{
width: 113px;
}
#contact{
width: 148px;
}
#news {
width: 320px;
font-size: 12px;
color: #333;
margin-top: 20px;
float: right;
}
#news p{
margin: 0 0 0 30px;
padding-right:10px;
}
#bottom_news_b p{
margin: 0;
}
#text{
width: 670px;
font-size: 13px;
color: #333;
margin: 10px auto;
float: left;
}
#top_news_h {
background: url(oheon_com_110100021-img/top_news_h.jpg) no-repeat;
width: 315px;
height: 35px;
float: right;
}
#top_news_b {
background: url(oheon_com_110100021-img/top_news_b.jpg) no-repeat;
width: 315px;
height: 335px;
float: right;
padding-top:10px;
}
#bottom_news_h{
background: url(oheon_com_110100021-img/bottom_news_h.jpg) no-repeat;
width: 315px;
height: 35px;
float: right;
}/**/
#bottom_news_b{
height: 185px;
width: 315px;
float: right;
padding-top:10px;
}
#text ul {
list-style-image: url(oheon_com_110100021-img/mini_marker.jpg);
margin: 10px auto;
margin-left: 55px
}
a {
color: #f9b30c;
}
a:hover {
color: #f9b30c;
text-decoration: none;
}
.text_p {
margin: 10px auto;
margin-left: 30px
}
#footer{
font-size: 13px;
position: absolute;
top: 967px;
}
#footer_top{
background: url(oheon_com_110100021-img/foot_hand.gif) no-repeat;
width: 1000px;
height: 105px;
margin: 0 0 10px 0;
}
#footer p {
text-align : center;
}
#footer_top p {
padding : 70px 0 0 0;
color: #f9b30c;
}
.marker{
background: url(oheon_com_110100021-img/marker.jpg) no-repeat;
height: 45px;
}
.p_h{
color: #ffffff;
font-size: 17px;
padding-top: 7px;
}
.p_h1{
color: #ffffff;
font-size: 17px;
padding: 12px 0 0 30px;
}
.p_date{
color: #f9b30c;
}
.tire{
margin: 10px 0 0 18px;
}
.b_news{
float: right;
width: 200px;
}
.photo{
width: 60px;
margin: 5px 0 0 0px;
padding-left: 17px;
float: left;
}
.clearfloat {
clear : both;
}
.foot_line{
margin: 10px 0 0 0;
}
</style>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<title>Top quality template | Website template design ? OHEON - Business XHTML template oheon_com_110100021</title>
</head>
<body>
<div id="container">
<div id="header">
<a href="index.html" title="#"><img id="logo" src="oheon_com_110100021-img/logo.jpg" alt="" title="logo" /></a>
<div id="menu">
<div id="menu_t">
<p id="phone">Phone: +12 345-67-89 | Email: <a href="mailto:info@businessline.com" title="#">info@businessline.com</a></p>
<p id="sitemap"><a href="#" title="#">Sitemap</a> | <a href="#" title="#">Support</a></p>
</div>
<div id="nav">
<table>
<tr>
<th id="home"><a href="#" title="Home">Home</a></th>
<th id="web"><a href="#" title="Web Solutions">Web Solutions</a></th>
<th id="services"><a href="#" title="Services">Services</a></th>
<th id="portfolio"><a href="#" title="Portfolio">Portfolio</a></th>
<th id="contact"><a href="#" title="Contact">Contact Information</a></th>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td><a href="#" title="#">About Us</a></td>
<td><a href="#" title="#">Website Design</a></td>
<td><a href="#" title="#">Domain Registration</a></td>
<td><a href="#" title="#">Websites</a></td>
<td><a href="#" title="#">Contact Us</a></td>
</tr>
<tr>
<td><a href="#" title="#">About Company</a></td>
<td><a href="#" title="#">Website Redesign</a></td>
<td><a href="#" title="#">Site Promotion</a></td>
<td><a href="#" title="#">Flash Sites</a></td>
<td><a href="#" title="#">Mail Form</a></td>
</tr>
<tr>
<td><a href="#" title="#">Testimonials</a></td>
<td><a href="#" title="#">Flash Design</a></td>
<td><a href="#" title="#">Software Development</a></td>
<td><a href="#" title="#">Corporate Style</a></td>
<td></td>
</tr>
<tr>
<td><a href="#" title="#">Jobs</a></td>
<td><a href="#" title="#">Banner Design</a></td>
<td><a href="#" title="#">Web Solutions</a></td>
<td><a href="#" title="#">Logo Design</a></td>
<td></td>
</tr>
<tr>
<td></td>
<td><a href="#" title="#">Business Identity</a></td>
<td><a href="#" title="#">Offshore Development</a></td>
<td><a href="#" title="#">Software</a></td>
<td></td>
</tr>
<tr>
<td></td>
<td><a href="#" title="#">Logo Design</a></td>
<td><a href="#" title="#">Testing</a></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td><a href="#" title="#">Site Promotion</a></td>
<td><a href="#" title="#">Translation Services</a></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td><a href="#" title="#">Search Optimisation</a></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
</div>
</div>
<div id="text">
<div class="marker"><p class="p_h1">About our company</p></div>
<p class="text_p">A color <a href="#" title="#">management system</a> reconciles color differences among devices so that you can be reasonably
certain of the colors your system ultimately produces. Viewing color accurately allows you to make sound color decisions throughout your workflow, from digital capture through final output. Color management also allows you to create output based on ISO, SWOP, and Japan <a href="#" title="#">Color print production</a> standards.A color management system reconciles color differences among devices so that you can be reasonably certain of the colors your system ultimately produces. Viewing color accurately allows you to make sound color decisions <a href="#" title="#">throughout your</a> workflow, from digital capture through final output. Color management also allows you to create output based on ISO, SWOP, and Japan Color print production standards.
</p>
<p class="text_p">Color management also allows you to create output based on ISO, SWOP, and Japan Color print production standards. A color management system reconciles color differences among devices so that you can be
reasonably certain of the colors your system ultimately produces. Viewing color accurately allows you to make sound color decisions throughout your workflow, from digital capture through final output. Color management also allows you to create output based on ISO, SWOP, and Japan Color print production standards.</p>
<div class="marker"><p class="p_h1">About us</p></div>
<p class="text_p">Color management also allows you to create output based on ISO, SWOP, and Japan Color print production standards. A color management system reconciles color differences among devices so that you can be
reasonably certain of the colors your system ultimately produces. Viewing color accurately allows you to make sound color decisions throughout your workflow, from digital capture through final output. Color management also allows you to create output based on ISO, SWOP, and Japan Color print production standards.</p>
<ul>
<li><a href="#" title="#">Understanding color management</a></li>
<li><a href="#" title="#">Keeping colors consistent</a></li>
<li><a href="#" title="#">Color-managing imported images</a></li>
<li><a href="#" title="#">Color-managing documents</a></li>
<li><a href="#" title="#">Proofing colors</a></li>
<li><a href="#" title="#">Color-managing documents</a></li>
</ul>
</div>
<div id="news">
<div id="top_news_h">
<p class="p_h">Latest News</p>
</div>
<div id="top_news_b">
<p class="p_date">10.10.2009</p>
<p>A color management system reconciles color differences among devices so that you can be reasonably certain of the colors your system ultimately produces. Viewing color accurately allows you to make sound color decisions throughout your workflow, from digital capture through final output. <a href="#" title="more">more>></a></p>
<img class="tire" src="oheon_com_110100021-img/tire_line.jpg" alt="" />
<p class="p_date">10.10.2009</p>
<p>A color management system reconciles color differences among devices so that you can be reasonably certain of the colors your system ultimately produces. <a href="#" title="more">more>></a></p>
<img class="tire" src="oheon_com_110100021-img/tire_line.jpg" alt="" />
<p class="p_date">10.10.2009</p>
<p>Viewing color accurately allows you to make sound color decisions throughout your workflow, from digital capture through final output. <a href="#" title="#">more>></a></p>
<img class="tire" src="oheon_com_110100021-img/tire_line.jpg" alt="" />
</div>
<div id="bottom_news_h">
<p class="p_h">Testimonials</p>
</div>
<div id="bottom_news_b">
<div class="photo"><img src="images/photo.jpg" alt="John Smith" title="man" /></div>
<div class="b_news"><p class="p_date">John Smith</p>
<p>A color management system reconciles color differences among devices so that you can be reasonably certain of the colors your system ultimately produces. Viewing color
accurately allows you to make sound color decisions throughout your workflow, from digital capture through final output. </p>
<a href="#" title="more testimonials">more testimonials>></a>
</div>
</div>
</div>
<div class="clearfloat"></div>
<div id="footer">
<div id="footer_top">
<p><a href="#" title="#">About us</a> | <a href="#" title="#">Services</a> | <a href="#" title="#">About Company</a> | <a href="#" title="#">Products</a> | <a href="#" title="#">Testimonials</a> | <a href="#" title="#">Support</a> | <a href="#" title="#">Contact us</a></p>
</div>
<p>Design by: <a href="http://www.oheon.com/" title="#">free web templates</a> and partners: <a href="http://www.conkurent.com/" title="#">web hosting</a>, <a href="http://www.phpforms.net/" title="#">php forms</a> </p>
<img class="foot_line" src="oheon_com_110100021-img/foot_line.jpg" alt="" />
</div>
</div>
</body>
</html>
Related examples in the same category