fashionhouse
<!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">
<head>
<title>Fashion House</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<style type='text/css'>
* {
margin: 0px;
padding: 0px;
}
body {
padding: 12px 0px;
background-color: #0a0a0a;
color: #fec3aa;
font-family: verdana, arial, sans-serif;
font-size: 9px;
text-align: center;
font-weight: bold;
}
a {
color: #fec3aa;
text-decoration: underline;
}
a:hover {
color: #e89978;
}
span {
display: none;
}
img {
border: none;
}
ul {
list-style-type: none;
}
li {
list-style-type: none;
}
p {
margin: 10px 0px 5px;
text-align: justify;
line-height: 14px;
}
.clearthis {
margin : 0px;
height : 1px;
clear : both;
float : none;
font-size : 1px;
line-height : 0px;
overflow : hidden;
}
#container {
margin: 0px auto;
width: 576px;
}
.link-more {
font-size: 10px;
}
.link-more a {
text-decoration: none;
}
/* Page Header */
#page_header {
margin-top: 2px;
margin-bottom: 7px;
text-align: left;
}
#page_header h1 {
width: 193px;
height: 21px;
background: url('fashionhouse-images/company_name.gif') no-repeat 0px 0px;
}
/* Body Containers */
#body_container1 {
padding: 8px 10px;
background-color: #732604;
}
#body_container2 {
padding: 3px 4px 0px;
background-color: #c45423;
}
#container_top {
width: 548px;
padding-bottom: 4px;
}
#container_bottom {
padding: 5px 0px 10px 1px;
width: 548px;
background: url('fashionhouse-images/body_divider.gif') repeat-y 181px 0px;
}
.horizontal_div {
margin: 0px auto;
width: 537px;
height: 1px;
background-color: #ad4618;
overflow: hidden;
}
/* Page Navigation Menu */
#page_menu {
padding: 1px 0px 2px;
width: 181px;
background: url('fashionhouse-images/menu_image.gif') #e5ab5d no-repeat 2px 2px;
float: left;
text-align: right;
}
#page_menu ul {
margin-left: auto;
margin-right: 2px;
width: 31px;
}
#page_menu li {
margin-top: 1px;
float: left;
}
#page_menu li a {
display: block;
background-color: #b5813c;
}
#page_menu li a:hover {
background-color: #956a31;
}
#page_menu #menu_contact a {
width: 31px;
height: 54px;
background-image: url('fashionhouse-images/menu_contact.gif');
}
#page_menu #menu_latest a {
width: 31px;
height: 54px;
background-image: url('fashionhouse-images/menu_latest.gif');
}
#page_menu #menu_gallery a {
width: 31px;
height: 54px;
background-image: url('fashionhouse-images/menu_gallery.gif');
}
#page_menu #menu_home a {
width: 31px;
height: 53px;
background-image: url('fashionhouse-images/menu_home.gif');
}
/* Fashion For Life */
#fashion {
margin-left: 6px;
width: 361px;
float: left;
text-align: left;
}
#fashion h2 {
margin-bottom: 3px;
width: 361px;
height: 20px;
background: url('fashionhouse-images/fashionforlife_title.gif') #732604 no-repeat 0px 0px;
}
#fashion_wrap {
margin: 0px auto 0px 4px;
width: 350px;
}
#fashion_wrap p {
margin-top: 16px;
margin-bottom: 8px;
}
#fashion_wrap .link-more {
text-align: right;
height: 14px;
}
#fashion_wrap .link-more a {
margin-left: auto;
padding-left: 16px;
display: block;
float: right;
height: 14px;
background: url('fashionhouse-images/readmore_bullet.gif') no-repeat 0px 0px;
}
/* Latest Trends */
#trends {
width: 175px;
float: left;
text-align: left;
}
#trends h2 {
width: 175px;
height: 20px;
background: url('fashionhouse-images/trends_title.gif') #732604 no-repeat 0px 0px;
}
#trends_list {
margin: 15px auto 0px 3px;
width: 160px;
text-align: justify;
}
#trends_list li {
margin-bottom: 12px;
padding-left: 15px;
background: url('fashionhouse-images/trends_bullet.gif') no-repeat 0px 2px;
}
#trends_image {
padding-bottom: 3px;
text-align: center;
}
#trends_image img {
margin: 6px auto;
border: 1px solid #e79774;
}
#trends .link-more {
padding-right: 12px;
text-align: right;
}
/* Big Boys & Girls */
#boysngirls {
margin-left: 6px;
float: left;
background: url('fashionhouse-images/body_divider.gif') repeat-y 185px 0px;
text-align: left;
}
#boysngirls h2 {
margin-left: 6px;
margin-bottom: 3px;
width: 360px;
height: 20px;
background: url('fashionhouse-images/boysngirls_title.gif') #732604 no-repeat 0px 0px;
}
/* Model Profile */
.model_profile_row {
padding-top: 9px;
padding-bottom: 3px;
width: 362px;
background: url('fashionhouse-images/body_divider.gif') repeat-x 0px 100%;
}
.model_profile_left {
width: 167px;
float: left;
}
.model_profile_right {
margin-left: 18px;
width: 167px;
float: left;
}
.model_profile_image {
margin-top: 7px;
padding-left: 22px;
float: left;
}
.model_profile_image img {
border: 1px solid #e28d68;
}
.model_profile_details {
margin-left: 10px;
width: 75px;
float: left;
}
.model_profile_details li {
padding-top: 5px;
color: #e4e0e0;
font-size: 9px;
font-weight: bold;
}
.model_profile_details strong {
color: #533a0a;
}
.model_profile_details br {
clear: both;
}
.model_profile_row .link-more {
padding-top: 3px;
padding-bottom: 1px;
text-align: right;
line-height: 9px;
clear: both;
}
/* Page Footer */
#page_footer {
padding-top: 8px;
text-align: center;
color: #b08558;
font-weight: normal;
font-size: 11px;
}
#page_footer a {
color: #b08558;
text-decoration: none;
}
#page_footer a:hover {
color: #976632;
}
</style>
</head>
<body>
<div id="container">
<!-- Start of Page Header -->
<div id="page_header">
<h1><span>Fashion House</span></h1>
</div>
<!-- End of Page Header -->
<div id="body_container1">
<div id="body_container2">
<!-- Start of Top Container -->
<div id="container_top">
<!-- Start of Page Navigation Menu -->
<div id="page_menu">
<ul>
<li id="menu_contact"><a href="http://www.free-css.com/"><span>Contact</span></a></li>
<li id="menu_latest"><a href="http://www.free-css.com/"><span>Latest</span></a></li>
<li id="menu_gallery"><a href="http://www.free-css.com/"><span>Gallery</span></a></li>
<li id="menu_home"><a href="http://www.free-css.com/"><span>Home</span></a></li>
</ul>
</div>
<!-- End of Page Navigation Menu -->
<!-- Start of Fashion for Life -->
<div id="fashion">
<h2><span>Fashion for Life</span></h2>
<div id="fashion_wrap">
<p>Don't forgot to check free website templates every day, because we add at least one free website template daily.</p>
<p>This is a template designed by free website templates for you for free you can replace all the text by your own
text. This is just a place holder so you can see how the site would look like.</p>
<p>You can remove any link to our websites from this template you're free to use the template without linking
back to us.</p>
<p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p>
<div class="link-more"> <a href="http://www.free-css.com/">Read More</a></div>
</div>
</div>
<!-- End of Fashion for Life -->
<div class="clearthis"> </div>
</div>
<!-- End of Top Container -->
<div class="horizontal_div"> </div>
<!-- Start of Bottom Container -->
<div id="container_bottom">
<!-- Start of Latest Trends -->
<div id="trends">
<h2><span>Latest Trends</span></h2>
<div id="trends_list">
<ul>
<li><a href="http://www.free-css.com/">This is a demo text. It will be replaced by the original.</a></li>
<li><a href="http://www.free-css.com/">This is a demo text. It will be replaced by the original.</a></li>
<li><a href="http://www.free-css.com/">It will be replaced by the original.</a></li>
<li><a href="http://www.free-css.com/">This is a demo text. It will be replaced by the original.</a></li>
</ul>
</div>
<div id="trends_image"> <img src="fashionhouse-images/trends_image.gif" width="112" height="79" alt="Image Title" /></div>
<div class="link-more"> <a href="http://www.free-css.com/">Read More</a></div>
</div>
<!-- End of Latest Trends -->
<!-- Start of Big Boys & Girls -->
<div id="boysngirls">
<h2><span>Big Boys & Girls</span></h2>
<!-- Start of Model Profile Row 1 -->
<div class="model_profile_row">
<!-- Start of Model Profile 1 Left -->
<div class="model_profile_left">
<div class="model_profile_image"> <img src="fashionhouse-images/boysngirls_model_01.gif" width="58" height="86" alt="Image Title" /></div>
<div class="model_profile_details">
<ul>
<li><strong>Name:</strong> Linda</li>
<li><strong>Age:</strong> 23yrs</li>
<li><strong>Agency:</strong> Black fox</li>
<li><strong>Height:</strong> 6'11"</li>
</ul>
</div>
<div class="link-more"> <a href="http://www.free-css.com/">Read More</a></div>
<div class="clearthis"> </div>
</div>
<!-- End of Model Profile 1 -->
<!-- Start of Model Profile 2 Right -->
<div class="model_profile_right">
<div class="model_profile_image"> <img src="fashionhouse-images/boysngirls_model_02.gif" width="58" height="86" alt="Image Title" /></div>
<div class="model_profile_details">
<ul>
<li><strong>Name:</strong> John</li>
<li><strong>Age:</strong> 22yrs</li>
<li><strong>Agency:</strong> Ash Monster</li>
<li><strong>Height:</strong> 6'12"</li>
</ul>
</div>
<div class="link-more"> <a href="http://www.free-css.com/">Read More</a></div>
<div class="clearthis"> </div>
</div>
<!-- End of Model Profile 2 -->
<div class="clearthis"> </div>
</div>
<!-- End of Model Profile Row 1 -->
<!-- Start of Model Profile Row 2 -->
<div class="model_profile_row">
<!-- Start of Model Profile 3 Left -->
<div class="model_profile_left">
<div class="model_profile_image"> <img src="fashionhouse-images/boysngirls_model_03.gif" width="58" height="86" alt="Image Title" /></div>
<div class="model_profile_details">
<ul>
<li><strong>Name:</strong> Alicia</li>
<li><strong>Age:</strong> 20yrs</li>
<li><strong>Agency:</strong> New Horizon</li>
<li><strong>Height:</strong> 6'</li>
</ul>
</div>
<div class="link-more"> <a href="http://www.free-css.com/">Read More</a></div>
<div class="clearthis"> </div>
</div>
<!-- End of Model Profile 3 -->
<!-- Start of Model Profile 4 Right -->
<div class="model_profile_right">
<div class="model_profile_image"> <img src="fashionhouse-images/boysngirls_model_04.gif" width="58" height="86" alt="Image Title" /></div>
<div class="model_profile_details">
<ul>
<li><strong>Name:</strong> Elite</li>
<li><strong>Age:</strong> 26yrs</li>
<li><strong>Agency:</strong> Red Dragon</li>
<li><strong>Height:</strong> 6'2"</li>
</ul>
</div>
<div class="link-more"> <a href="http://www.free-css.com/">Read More</a></div>
<div class="clearthis"> </div>
</div>
<!-- End of Model Profile 4 -->
<div class="clearthis"> </div>
</div>
<!-- End of Model Profile Row 2 -->
</div>
<!-- End of Big Boys & Girls -->
<div class="clearthis"> </div>
</div>
<!-- End of Bottom Container -->
</div>
</div>
<!-- Start of Page Footer -->
<div id="page_footer"> Web design by <a href="http://www.freewebsitetemplates.com">free website templates</a></div>
<!-- End of Page Footer -->
</div>
</body>
</html>
Related examples in the same category