Green_Corporate_NMK
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Company-Solution-aboutus</title>
<style type='text/css'>
#wrapper{ width: 800px; height: auto; margin-left: auto; margin-right: auto; overflow: auto;}
#header{ overflow: auto; height: auto; width: 800px;}
.image_logo{ float: left; width: 195px;}
.image{ float: left;}
.company{ float: left; font-family: Tahoma, Geneva, sans-serif; font-size: 17px; font-weight: bold; margin-top: 1px;}
.company span{ color: #90b912;}
.company_slogan{ font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: bold; color: #423d3d; width: 130px; margin-left: 10px;}
.navigation{ float: left; margin: 10px 0px 0px 85px; height: 20px; line-height: 20px;}
.navigation ul{ text-decoration: none; list-style-type: none; display: block; margin: 3px 0px 0px 0px; font-family: Tahoma, Geneva, sans-serif; font-size: 12px;}
.navigation li{ float: left; width: 50px; text-align: center;}
.navigation li a{ text-decoration: none; color: #000;}
.navigation li a:hover{ color:#90b912;}
.navigation li span{ color:#90b912;}
.navigation ul .color{ color: #90b912;}
#banner{ border: 1px solid #F90; clear: both; margin-top: 20px; background-image: url(Green_Corporate_NMK-images/1.jpg); background-repeat: no-repeat; width: 763px; height: 219px;}
#body_container{ width: 800px; height: auto; margin-top: 20px; overflow: auto;}
.leftpanel{ width: 350px; float: left; height: auto; overflow: auto;}
.leftpanel ul{ list-style-type: none; text-decoration: none;}
.leftpanel li span{ color: #F90; font-weight: bold; margin-left: 5px;}
.leftpanel li{ text-align: justify; margin-left: -35px; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; text-decoration: none;}
.leftpanel .left_para{ margin-left: 5px;}
.rightpanel{ width: 400px; float: left; height: auto; overflow: auto;}
.rightpanel p{ font-family: Tahoma, Geneva, sans-serif; font-size: 36px; color: #faaf0e; margin-top: 4px; margin-left: 20px;}
.rightpanel span{ font-family: Tahoma, Geneva, sans-serif; font-size: 18px; color: #423d3d;}
.rightpanel .text{ font-family: Tahoma, Geneva, sans-serif; font-size: 11px; color: #423d3d; margin-top: -35px; margin-left: 25px; font-weight: normal; text-decoration: none; text-align: justify;}
#footer{ width: 800px; height: auto; overflow: auto; margin: auto; text-align: center; font-family: Tahoma, Geneva, sans-serif; font-size: 12px;}
#footer span{ margin-left: 100px; font-family: Tahoma, Geneva, sans-serif; font-size: 10.5px;}
#footer span a{ text-decoration: none; color:#090;}
#footer span a:hover{ color:#09C;}
.image_wrap{ width: 765px; text-align: justify; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; text-decoration: none; color: #736F6E; font-weight: normal;}
.image_wrap span{ color: #F90; font-size: 14px; font-weight: bold;}
.image_wrap span.h{ color: #F90; font-size: 30px; font-weight: bold;}
.image_wrap span.h2{ color: #F90; font-size: 14px; font-weight: bold;}
#body_container .text_12{}
#footer2{ width: 800px; height: auto; overflow: auto; margin: auto; text-align: center; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; margin-top: 20px;}
#footer2 span{ margin-left: 100px; font-family: Tahoma, Geneva, sans-serif; font-size: 10.5px;}
#footer2 span a{ text-decoration: none; color:#090;}
#footer2 span a:hover{ color:#09C;}
.image_border{ border: 1px solid #F90;}
.validation{ text-align: center; float: left;}
.validation2{ text-align: center; float: left; margin-left: 20px;}
.valid{ text-align: center; width: 450px; margin: auto;}
</style>
<!--[if IE 7]>
<style>.rightpanel{ width: 400px; float: left; height: auto; overflow: auto;}
.rightpanel p{ font-family: Tahoma, Geneva, sans-serif; font-size: 36px; color: #faaf0e; margin-top: -10px; margin-left: 20px;}
.rightpanel p.text{ font-family: Tahoma, Geneva, sans-serif; font-size: 11px; color: #423d3d; margin-top: -14px; margin-left: 25px; font-weight: normal; text-decoration: none; text-align: justify;}
.navigation{ float: left; margin: 10px 0px 0px 115px; height: 20px; line-height: 20px;}
.navigation ul{ text-decoration: none; list-style-type: none; display: block; margin: 3px 0px 0px 0px; font-family: Tahoma, Geneva, sans-serif; font-size: 12px;}
</style>
<![endif]-->
</head>
<body>
<div id="wrapper">
<div id="header">
<div class="image_logo">
<div class="image"><img src="Green_Corporate_NMK-images/clock.png" alt="" /></div>
<div class="company">Your<span>Company</span>.com</div>
<div class="company_slogan">company slogan</div>
</div>
<div class="navigation">
<ul>
<li><a href="index.html" title="Home">Home</a></li>
<li class="color">|</li>
<li><span>About</span></li>
<li class="color">|</li>
<li><a href="#" title="Products">Products</a></li>
<li class="color">|</li>
<li><a href="#" title="Services">Services</a></li>
<li class="color">|</li>
<li><a href="#" title="Contact">Contact</a></li>
</ul>
</div>
</div>
<div id="banner"> </div>
<div id="body_container">
<div class="image_wrap"><img src="Green_Corporate_NMK-images/2.jpg" align="left" hspace="3" vspace="3" class="image_border" alt=""/><span class="h">H</span><span>ac habitasse platea dictumst</span>. Fusce eua ec mi pharetra lobortis. Aenean ut urna t nisl mollis viverra. Pellentesque sis eros t risus. Sed turpis ligula, hendrerit , istique et, egestas non, libero. Sed sque ultricies enim. Quisque id est. Donec tuer diam ut leo. Sed cursus dignissim lacus. Pellentesque a tellus a magna tempor luctus. Aenean molestie malesuada felis. Suspendisse odio lectus, porta at, auctor et, ullamcorper eu, erat.Hac habitasse platea dictumst. Fusce eua ec mi pharetra lobortis. Aenean ut urna t nisl mollis viverra. Pellentesque sis eros t risus. Sed turpis ligula, hendrerit , istique et, egestas non, libero. Sed sque ultricies enim. Quisque id est. Donec tuer diam ut leo. Sed cursus dignissim lacus. Pellentesque a tellus a magna tempor luctus. Aenean molestie malesuada felis. Suspendisse odio lectus, porta at, auctor et, ullamcorper eu, erat.Hac habitasse platea dictumst. Fusce eua ec mi pharetra lobortis. Aenean ut urna t nisl mollis viverra.<br /><br /><span class="h2">Hac habitasse platea dictumst</span>.<br /> Fusce eua ec mi pharetra lobortis. Aenean ut urna t nisl mollis viverra. Pellentesque sis eros t risus. Sed turpis ligula, hendrerit , istique et, egestas non, libero. Sed sque ultricies enim. Quisque id est. Donec tuer diam ut leo. Sed cursus dignissim lacus. Pellentesque a tellus a magna tempor luctus. Aenean molestie malesuada felis. Suspendisse odio lectus, porta at, auctor et, ullamcorper eu, erat.Hac habitasse platea dictumst. Fusce eua ec mi pharetra lobortis. Aenean ut urna t nisl mollis viverra. Pellentesque sis eros t risus. Sed turpis ligula, hendrerit , istique et, egestas non, libero. Sed sque ultricies enim. Quisque id est. Donec tuer diam ut leo. Sed cursus dignissim lacus. Pellentesque a tellus a magna tempor luctus. Aenean molestie malesuada felis. Suspendisse odio lectus, porta at, auctor et, ullamcorper eu, erat.Hac habitasse platea dictumst.<br /><br /><span class="h2">Hac habitasse platea dictumst</span>.<br /> Fusce eua ec mi pharetra lobortis. Aenean ut urna t nisl mollis viverra. Pellentesque sis eros t risus. Sed turpis ligula, hendrerit , istique et, egestas non, libero. Sed sque ultricies enim. Quisque id est. Donec tuer diam ut leo. Sed cursus dignissim lacus. Pellentesque a tellus a magna tempor luctus. Aenean molestie malesuada felis. Suspendisse odio lectus, porta at, auctor et, ullamcorper eu, erat.Hac habitasse platea dictumst. Fusce eua ec mi pharetra lobortis. Aenean ut urna t nisl mollis viverra. Pellentesque sis eros t risus. Sed turpis ligula, hendrerit , istique et, egestas non, libero. Sed sque ultricies enim. Quisque id est. Donec tuer diam ut leo. Sed cursus dignissim lacus. Pellentesque a tellus a magna tempor luctus. Aenean molestie malesuada felis. Suspendisse odio lectus, porta at, auctor et, ullamcorper eu, erat.Hac habitasse platea dictumst. Fusce eua ec mi pharetra lobortis. Aenean ut urna t nisl mollis viverra. Pellentesque sis eros t risus. Sed turpis ligula, hendrerit , istique et, egestas non, libero. Sed sque ultricies enim. Quisque id est.</div>
</div>
</div>
<div class="valid">
<div class="validation"> <p>
<a href="http://validator.w3.org/check?uri=referer"><img style="border:0;"
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
</p>
</div>
<div class="validation2"> <p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/Green_Corporate_NMK-images/vcss-blue"
alt="Valid CSS!" />
</a>
</p>
</div>
</div>
<div id="footer2">Copyright©YourBusiness.com <span>Designed by <a href="http://www.newmediakreatives.com/" target="_new" title="New Media Kreatives">New Media Kreatives</a></span></div>
</body>
</html>
Related examples in the same category