kim-fashion
<!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>Kim Fashion</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<style type='text/css'>
body
{
background:url(kim-fashion-images/bg.jpg) no-repeat center top #000000;
padding:0; font-family:arial, sans-serif; font-size:12px;
margin:0px auto auto auto;
color:#948b8b;
}
p{
padding:0px;
text-align:justify;
margin:0px;
line-height:17px;
}
.clear{
clear:both;
}
a{
text-decoration:underline;
}
a.read_more{
display:block;
width:72px;
height:24px;
line-height:24px;
text-align:center;
color:#000000;
float:right;
margin:10px 0 0 0;
text-decoration:none;
font-size:12px;
background:url(kim-fashion-images/read_more.gif) no-repeat center;
}
a:hover.read_more{
text-decoration:underline;
}
img.left_img{
float:left;
padding:3px 25px 3px 3px;
}
#main_container{
width:900px;
height:auto;
margin:auto;
padding:0px;
background:url(kim-fashion-images/right_bg.jpg) no-repeat top right;
}
#header{
width:900px;
height:175px;
margin:0px;
padding:0px;
}
.logo{
padding:32px 0 0 32px;
}
.title{
width: auto;
padding:2px 0 10px 0;
font-size:17px;
color:#face55;
font-weight:bold;
font-style:italic;
}
/*---------------- menu tab----------------------*/
.menu{
width:485px;
height:27px;
margin:40px 0 0 32px;
background:url(kim-fashion-images/menu_bg.png) no-repeat left;
}
.menu ul{
list-style:none;
padding:0px;
margin:0px;
}
.menu ul li{
display:inline;
}
.menu ul li a{
float:left;
border:none;
padding:0 15px 0 15px;
text-decoration:none;
color:#ffda94;
line-height:27px;
font-size:14px;
font-style:italic;
font-weight:bold;
}
.menu ul li a:hover{
color:#ffffff;
}
/*-------------welcome_box------------*/
.welcome_box{
width:470px;
padding:30px 0 0 32px;
}
/*---------------center_content-------*/
#center_content{
width:900px;
height:auto;
clear:both;
padding:25px 0 30px 0;
}
.center_left{
width:460px;
float:left;
padding:20px 0 20px 32px;
}
.center_right{
width:300px;
float:left;
padding:20px 10px 10px 60px;
}
.center_wide{
width:auto;
height:auto;
clear:both;
padding:15px 0 0 32px;
}
.clothes_box{
width:242px;
height:205px;
float:left;
color:#000000;
font-size:14px;
font-style:italic;
text-align:center;
line-height:30px;
margin:20px 12px 20px 12px;
padding:30px 0 0 0;
background:url(kim-fashion-images/clothes_bg.gif) no-repeat center;
}
.clothes_box span{
font-weight:bold;
}
/*----------------------list-------------------------*/
ul.list{
list-style:none;padding:0px;margin:0px;
}
ul.list li{
list-style:none;width: auto;height: auto;padding:0px; margin:8px 0 8px 0;
}
ul.list li a{
height:24px; width: auto; padding:0 0 0 35px; margin:0;color:#948b8b;text-align:left;line-height:24px;
text-decoration:none;
}
ul.list li span{
height:24px; width:24px; display:block;padding:0px; margin:0px;color:#000;text-align:center; float:left; float:left; line-height:24px;
background:url(kim-fashion-images/bullet.gif) no-repeat left;
}
ul.list li a:hover{
text-decoration:underline;
}
/*-------------------footer------------------------*/
#footer{
width:900px;
height:70px;
clear:both;
color:#ffda94;
border-top:1px #322911 dashed;
}
.left_footer{
float:left;
padding:20px 0 0 0;
}
#footer a{
color:#ffda94;
padding:0 8px 0 8px;
text-decoration:none;
}
.right_footer{
float:right;
padding:15px 10px 0 0 ;
}
</style>
<script type="text/javascript" src="unitpngfix.js"></script>
</head>
<body>
<div id="main_container">
<div id="header">
<div class="logo"><img src="kim-fashion-images/logo.png" border="0" alt="" /></div>
<div class="menu">
<ul>
<li><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">About me</a></li>
<li><a href="http://www.free-css.com/">My services</a></li>
<li><a href="http://www.free-css.com/">My work</a></li>
<li><a href="http://www.free-css.com/">Guestbook</a></li>
</ul>
</div>
</div>
<div class="welcome_box">
<div class="title">Welcome to my website</div>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </p>
<a href="http://www.free-css.com/" class="read_more">read more</a> </div>
<div id="center_content">
<div class="center_left">
<div class="title">About my work</div>
<p> <img src="kim-fashion-images/p1.gif" alt="" class="left_img" /> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
<a href="http://www.free-css.com/" class="read_more">read more</a> </div>
<div class="center_right">
<div class="title">My services</div>
<ul class="list">
<li><span class="circle">1</span><a href="http://www.free-css.com/">Nemo enim ipsam voluptatem quia </a></li>
<li><span class="circle">2</span><a href="http://www.free-css.com/">Nemo enim ipsam voluptatem quia </a></li>
<li><span class="circle">3</span><a href="http://www.free-css.com/">Nemo enim ipsam voluptatem quia </a></li>
<li><span class="circle">4</span><a href="http://www.free-css.com/">Nemo enim ipsam voluptatem quia </a></li>
</ul>
</div>
<div class="center_wide">
<div class="title">My new collection</div>
<div class="clothes_box"> <span>Summer dress</span><br />
<a href="http://www.free-css.com/"><img src="kim-fashion-images/p2.gif" border="0" alt="" /></a> </div>
<div class="clothes_box"> <span>Orange corset</span><br />
<a href="http://www.free-css.com/"><img src="kim-fashion-images/p3.gif" border="0" alt="" /></a> </div>
<div class="clothes_box"> <span>Multicolor dress</span><br />
<a href="http://www.free-css.com/"><img src="kim-fashion-images/p4.gif" border="0" alt="" /></a> </div>
<div class="clear"></div>
</div>
</div>
<div id="footer">
<div class="left_footer"><a href="http://www.free-css.com/">Home</a> <a href="http://www.free-css.com/">About me</a> <a href="http://www.free-css.com/">My services</a><a href="http://www.free-css.com/">My work</a><a href="http://www.free-css.com/">Guestbook</a></div>
<div class="right_footer"><a href="http://csstemplatesmarket.com" ><img src="kim-fashion-images/csstemplatesmarket.gif" border="0" alt="" /></a> </div>
</div>
</div>
<!-- end of main_container -->
</body>
</html>
Related examples in the same category