fashionista
?<!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" lang="en" xml:lang="en">
<head>
<title>Fashionista</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type='text/css'>
body{
background:#CD8F75;
margin:0;
font: 10pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
}
A:link{ color:#B56115; text-decoration:none; }
A:hover{ color:#333333; text-decoration:underline; }
A:active{ color:#B56115; text-decoration:none; }
A:active:hover{ color:#333333; text-decoration:underline; }
A:visited{ color:#B56115; text-decoration:none; }
A:visited:hover{ color:#333333; text-decoration:underline; }
#header{
background:url(fashionista-images/headerbg.gif) no-repeat #F4DDB1 top left;
width:548px;
height:304px;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
}
#wrap{
width:548px;
margin-left:auto;
margin-right:auto;
background:#FFFFFF;
border:#B37159 1px solid;
background:url(fashionista-images/bg.gif);
}
#container{
width:548px;
}
#navcontainer{
background:transparent;
margin-top:-160px;
}
#navlist li{
background:transparent;
list-style-type: none;
text-align:left;
font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-size:14px;
letter-spacing:-2px;
color:#666666;
width:150px;
}
#navlist li a:link { color: #F2F2F2; text-decoration:none; }
#navlist li a:visited { color: #CCCCCC; text-decoration:none; }
#navlist li a:hover {color: #333333; text-decoration:none; }
h3{
font-size:18px;
font-weight:bold;
color:#B56115;
letter-spacing:-2px;
}
.content{
background:#E8D3C4;
padding:21px;
text-align:justify;
font: 9pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
color:#666666;
}
#footer{
background:#E8D3C4;
padding:9px;
text-align:center;
font: 8pt/9pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
color:#333333;
}
#title{
background:#B56115;
text-align:right;
padding:9px;
font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-size:10px;
text-transform:uppercase;
color:#FFFFFF;
}
#outer{
background:url(fashionista-images/bg.gif);
width:700px;
margin-left:auto;
margin-right:auto;
}
.pullquote {
color:green;
width:150px;
float:right;
width:150px;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
padding-bottom:10px;
font-family:'Lucida Grande', Helvetica, sans-serif;
font-size: 24px;
line-height:26px;
letter-spacing:-3px;
text-align: right;
color:#DFA478;
}
</style>
</head>
<body>
<div id="outer">
<div id="wrap">
<div id="title">Fashionista v1.0</div>
<div id="header"></div>
<div id="navcontainer">
<ul id="navlist">
<li><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">blog</a></li>
<li><a href="http://www.free-css.com/">portfolio</a></li>
<li><a href="http://www.free-css.com/">links</a></li>
<li><a href="http://www.free-css.com/">contact</a></li>
<li><a href="http://validator.w3.org/check?uri=referer">xhtml</a></li>
</ul>
</div>
<div class="content">
<div class="pullquote">
<p>...Sed felis. Phasellus enim. <b>Aliquam malesuada</b> mi eu erat. <b>Suspendisse </b> potenti... </p>
</div>
<h3>Welcome!</h3>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec ornare vulputate mi. Nullam auctor pede sit amet odio varius consectetuer. Fusce bibendum neque eu purus. Donec et nulla at odio volutpat luctus. Cras facilisis consequat nisi. Aliquam erat volutpat. Etiam tellus magna, ultrices quis, porttitor non, bibendum quis, lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed felis. Phasellus enim. Aliquam malesuada mi eu erat. Suspendisse potenti. In diam ante, sagittis vel, rutrum at, fringilla pulvinar, nunc. </p>
<h3>About the Designer</h3>
<p>dreamLogic has been creating custom web designs and applications for over 9 years.
For more templates, web applications, and our portfolio, visit dreamLogic Web Design. </p>
<h3>About this Design</h3>
<p> This template is released as an open source web design, which means that you are free to use it in
any way you want, and edit it in any way you want to. We ask that you leave the
"Web design by dreamLogic" link in the footer as a friendly gesture,
we would appreciate it very much. But there are no obligations so go ahead if you really want to remove it. </p>
<!-- end page content -->
</div>
<div id="footer"><br />
<a href="http://www.dream-logic.com">Web Design by dreamLogic</a> </div>
</div>
</div>
</body>
</html>
Related examples in the same category