Consulting
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<meta name="Description" content="A free open source web design by Gen. Free for anyone to use as long as credits are intact. " />
<meta name="Keywords" content="open source web design,http://gendesigns.blogspot.com" />
<meta name="Copyright" content="Gen" />
<meta name="Designed By" content="http://gendesigns.blogspot.com" />
<meta name="Language" content="English" />
<title>Computer Zone</title>
<style type='text/css'>
/**Author Name:Gen
Developed in Vin Labs
Copyright at gendesigns.blogspot.com
ProjectName:Computer Zone **/
*{ margin: 0px; padding: 0px; }*
body
{
background:#eee center top;
color: #dcdcdc;
font: .8em normal small "Trebuchet MS",Tahoma, verdana, arial, helvetica, sans-serif;line-height: 1.6em;
}
/**Common**/
p
{
font-family:arial;
font-size:0.9em;
}
/**Wrapper **/
#wrapper
{
width:900px;
margin:5px auto;
background:#ffffff;
}
#top,#footer,#main,#content,#container
{
width:850px;
margin:0px auto;
}
#top
{
background:#fdfdfd url(Consulting-images/cstrip.gif) repeat-x;
height:74px;
}
#logo h1
{
font-family:ae_Cortoba;
font-size:2.4em;
font-weight:500;
margin:0px ;
padding-left:50px;
padding-top:20px;
color:#eee;
}
#logo p
{
padding-left:60px;
}
#logo
{
float:left;
}
/**Menu***/
ul
{
list-style:none;
}
#menu li
{
display:inline;
}
li a
{
text-align:center;
color:#9ab2be;
float: left;
height: 38px;
margin-right: 1px;
text-decoration: none;
font-size: 1.1em;
padding: 20px 20px 13px 20px;
}
#menu
{
margin-left:350px;
}
#menu a:hover
{
color:#fff;
}
#main
{
background:#244458 url(Consulting-images/pic.gif) no-repeat ;
height:284px;
}
#content
{
height:185px;
background:url(Consulting-images/cstrip.gif) repeat-x;
}
#left,#right
{
width:275px;
height:184px;padding-top:5px;
}
#left
{
float:left;
}
#right
{
float:right;
}
#center
{
margin:0px 275px 0px 275px;
border-left:1px solid #4F4A4A;
border-right:1px solid #4F4A4A;
height:177px;
padding-top:5px;
}
#left h1,#right h1,#center h1
{
font-size:1.5em;
padding:10px 0 0 50px;
font-family:arial;
}
#left p,#right p,#center p
{
padding:10px 15px 0px 20px;
}
#left h2,#right h2,#center h2
{
padding-left:170px;
font-family:arial,verdana,sans-serif,tahoma;
font-size:0.9em;
}
#left a,#right a,#center a
{
color:#fff;
text-decoration:none;
}
#container
{
height:270px;
background:#d9d9d9;
margin-top:5px;
margin-bottom:5px;
}
#lcontain
{
width:260px;
background:#eeeeee;
float:left;
margin-left:5px;
height:260px;
margin-top:7px;
}
#rcontain
{
background:#eeeeee;
float:right;
width:575px;
height:260px;
margin-right:5px;
margin-top:7px;
}
#rcontain h1,#lcontain h1
{
color:#2f2f2f;
font-size:1.5em;
font-family:arial;
padding:15px 0px 0px 15px;
}
#rcontain p
{
color:#2f2f2f;
padding:10px 10px 0 15px;
}
#lcontain p,#lcontain h2
{
color:#2f2f2f;
padding-left:15px;
}
#lcontain h2
{
font-size:1.1em;
font-family:arial;
}
#lcontain a
{
color:#1c443b;
}
.col
{
float:left;
width:280px;
}
.col li a
{
float:none;
color:#1c443b;
text-decoration:underline;
}
.col li a:hover
{
text-decoration:none;
}
/**footer ***/
#footer {
background: #2e2e2e url(Consulting-images/fstrip1.gif) repeat-x;
margin: 0 auto;
text-align: center;
clear:both;
height:30px;
}
#footer a {
color: #5E6F6E;
text-decoration: none;
}
#footer a:hover {
color: #9ab2be;
text-decoration: underline;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="top">
<div id="logo">
<h1>Consulting</h1>
<p>services</p>
</div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li><li><a href="#">AboutUs</a></li><li><a href="#">Services</a></li><li><a href="#">Industries</a></li><li><a href="#">ContactUs</a></li>
</ul>
</div>
</div>
</div>
<div id="main">
</div>
<div id="content">
<div id="left">
<h1>STRATEGY</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.</p>
<h2><a href="#" title="Read More">[More]</a></h2>
</div>
<div id="right">
<h1>PLANNING</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<h2><a href="#" title="Read More">[More]</a></h2>
</div>
<div id="center" >
<h1>MANAGEMENT</h1>
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<h2><a href="#" title="Read More">[More]</a></h2>
</div>
</div>
<div id="container">
<div id="lcontain">
<h1>OUR NEWS</h1>
<h2>July 5,2008</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh....<a href="#">more</a></p>
<h2>July 5,2008</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh....<a href="#">more</a></p>
</div>
<div id="rcontain">
<h1>IMPROVE BUSINESS WITH CONSULTING SERVICES</h1>
<p>
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan.
</p>
<div class="col">
<ul>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">consectetuer adipiscing elit</a></li>
<li><a href="#">Ut wisi enim ad minim veniam</a></li>
</ul>
</div>
<div class="col">
<ul>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">consectetuer adipiscing elit</a></li>
<li><a href="#">Ut wisi enim ad minim veniam</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
Copyright © 2008 <a href="index.html">GenDesigns.com</a>. Valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a href="http://validator.w3.org/check?uri=referer">XHTML</a>. Template design by <a href="http://gendesigns.blogspot.com">Gen</a>
</div>
</div>
</body>
</html>
Related examples in the same category