CoutureDreams
<!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>Couture Dreams</title>
<style type='text/css'>
body {
text-align:center;
}
a {
text-decoration:none;
}
a:hover {
text-decoration: underline;
}
#wrap {
width:800px;
text-align:left;
margin:0 auto;
}
.float-l {
float:left
}
.folat-r {
float:right
}
.clearfix {
clear:both
}
.left {
width: 390px;
}
.right {
width: 150px;
padding:0 45px
}
#side {
padding-top: 45px;
}
#side #top {
height: 200px;
}
#side #bm {
padding-top: 30px;
}
/* header */
#header {
background:url(CoutureDreams-images/header.gif) no-repeat;
height:178px
}
#logo {
position:relative;
top:60px;
left:100px
}
#logo h1 {
font-size:34px;
color:#051624
}
#logo div {
padding-left: 90px;
color:#05202e
}
ul#nav li {
display: inline;
position:relative;
top:75px;
left:380px;
padding:0 20px
}
/* content */
#inner {
height: 474px;
padding:0 55px
}
#content {
background:url(CoutureDreams-images/content.gif) no-repeat;
height: 445px
}
#content .left h2 {
color:#fff;
font-size:30px;
padding:20px 0
}
#content p {
padding-bottom:10px;
width: 340px;
color:#a6d6e5
}
#content .right h2 {
font-size:22px;
color:#fff;
padding:20px 0
}
#content .right a:hover {
text-decoration:none;
}
#content a {
color: #c0fc2e;
font-weight:700
}
#content a:hover {
color: #FF3366;
font-weight:700
}
.left {
padding:0 30px
}
#content ul.meun a {
color:#c0fc2e;
text-decoration:underline;
line-height:30px
}
/* footer */
#footer {
color: #a6d6e5;
background:url(CoutureDreams-images/footer.gif) no-repeat;
height:177px;
padding-left: 55px;
}
#ftlink {
padding-top: 40px;
}
#xhtml {
position:relative;
top:-20px;
left:500px
}
#header a, #footer a {
color:#FFFFFF
}
</style>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="wrap">
<div id="header">
<div id="logo">
<h1>Couture Dreams</h1>
<div>short slogan here</div>
</div>
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Production</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<!-- /header -->
<div id="content">
<div id="inner">
<div class="left float-l">
<h2>Free CSS Templates</h2>
<p>This is Couture Dreams, a free, fully standards-compliant CSS template designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>. </p>
<p> This free template is released under a Creative Commons Attributions 2.5 license, so youre pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :) </p>
<p>Lorem Ipsum comes from sections and of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC.</p>
</div>
<div class="right folat-r">
<div id="side">
<h2>Desk Help</h2>
<ul class="meun">
<li><a href="#">Latin literature from</a></li>
<li><a href="#">making it over years</a></li>
<li><a href="#">Richard McClintock</a></li>
<li><a href="#">Hampden-Sydney</a></li>
<li><a href="#">Latin literature from</a></li>
<li><a href="#">making it over years </a></li>
<li><a href="#">Richard McClintock </a></li>
<li><a href="#">Latin professor at </a></li>
<li><a href="#">Hampden-Sydney </a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- /content -->
<div id="footer">
<div id="ftlink"> <a href="#">Home</a> | <a href="#">About Us</a> | <a href="#">Production</a> | <a href="#">Submission</a> | <a href="#">Contact</a> </div>
<p id="copyright"> 2008. All Rights Reserved. <br/>
<a href="http://www.templatesold.com/" target="_blank">Website Templates</a> by <a href="http://www.free-css-templates.com/" target="_blank">Free CSS Templates</a></p>
<div id="xhtml"><img src="CoutureDreams-images/xhtml.gif" alt=" xhtml vaild" /> <img src="CoutureDreams-images/css.gif" alt="css vaild" /></div>
</div>
<!-- /footer -->
</div>
</body>
</html>
Related examples in the same category