HTML
--------
<html>
<head>
<title>This is page title</title>
<link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<body>
<div class="hellow">
<div class="mainmenu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Others</a></li>
<li><a href="#">Media</a></li>
</ul>
</div>
<div class="header">
<img src="https://www.facebook.com/photo.php?fbid=683449761680400&set=a.152734361418612.27375.100000461469043&type=1&source=11"/>
</div>
<div class="maincontent">
<div class="content">
<h2>This is content Title</h2>
<p>Clipping Path India (CPI) provides professional image manipulation and Photoshop
graphic design offshore outsourcing services with 30 years of combined experience that
is done overnight and with care by hand-drawn method and provides 24/7 and 365 days
services. Including glamour retouching service, background remove, hair masking service,
ghost mannequin service , raster to vector, image cropping, magazine ads design, background
knockout,image cut out, digital make up, image masking service, clipping path.</p>
</div>
</div>
<div class="footer">
<p>© Nahin Foundation 2013</p>
</div>
</div>
</body>
</html>
----------------
CSS
=====================
{margin:0;padding:0}
body {font-family:Arial;font-size:14px;line-height:20px;color:#000;}
.hellow
{
width:960px;
margin:20px auto;
display:block;
overflow:hidden;
}
.header{}
.header img{
width:960px;
margin: 4px;
}
.mianmenu{
background:#ededed;
overflow:hidden;
}
.mianmenu ul
{
margin:0;
padding:0;
list-style:none
}
.mianmenu ul li
{
float:left;
}
.mianmenu ul li a
{
display:block;
color:#000;
padding:10px
}
.mianmenu ul li a:hover{}
.sider{}
.miancontent{}
.footer{}
