newday
<!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" xml:lang="en">
<head>
<title>A new day</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type='text/css'>
/*New Day by Payal Dhar (http://writeside.net)*/
body{
background:#D3B497;
color:#574C39;
font:0.9em Verdana, Arial, Helvetica, sans-serif;
}
a{
color:#8F8166;
text-decoration:underline;
}
a:hover{
color:#574C39;
text-decoration:none;
}
#wrapper{
width:800px;
margin: 0 auto;
}
#nav {
height:25px;
}
#nav ul{
margin-right:25px;
}
#nav ul li{
list-style:none;
float:right;
padding:0 10px;
font-weight:600;
}
#header{
height:244px;
background:url(newday-img/banner.jpg) center no-repeat;
}
#header-h1{
padding:100px 35px 1px 350px;
margin:0;
text-align:right;
font-weight:normal;
font-variant:small-caps;
}
#showcase{
height:250px;
margin:10px;
text-align:center;
background:url(newday-img/highlight.jpg) left no-repeat;
}
#showcase p{
text-align:right;
font:1.9em 'Trebuchet MS', Arial, Helvetica, sans-serif;
padding:0;
margin:0 10px 0 300px;
}
#top{
width:780px;
height:30px;
margin:0 auto;
background:url(newday-img/top.jpg) top center no-repeat;
}
#text{
padding-top:10px;
width:780px;
background:url(newday-img/back.jpg) repeat-y;
margin:0 auto;
}
#text p{
padding: 5px 30px 5px 20px;
line-height:1.5em;
}
#text p.first:first-letter{
font-size:3.3em;
}
#text h1{
padding:0 20px;
font:1.2em 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
#footer{
background:url(newday-img/bottom.jpg) center no-repeat;
height:50px;
margin-top:-16px !important;
margin-top:0px;
}
#footer p{
padding:5px 30px;
font-size:0.75em;
text-align:center;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="nav">
<ul>
<li><a href="http://www.free-css.com/">Contact</a></li>
<li><a href="http://www.free-css.com/">About</a></li>
<li><a href="http://www.free-css.com/">Downloads</a></li>
<li><a href="http://www.free-css.com/">Home</a></li>
</ul>
</div>
<div id="header">
<h1>Another New Day</h1>
</div>
<div id="showcase">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam posuere risus eget eros gravida egestas. Sed vulputate interdum nisl. Fusce nibh ligula, ultricies a, ultricies sit amet, bibendum vitae, orci.</p>
</div>
<div id="top"> </div>
<div id="text">
<h1>After all, tomorrow is a new day</h1>
<p>Lorem ipsum dolor sit amet,<a href="http://www.free-css.com/">consectetuer</a> adipiscing elit. Nullam posuere risus eget eros gravida egestas. Sed vulputate interdum nisl. Fusce nibh ligula, ultricies a, ultricies sit amet, bibendum vitae, orci. Vestibulum vulputate. Pellentesque vel turpis et justo tristique porta. Aliquam convallis. Aenean sit amet justo eget leo tincidunt interdum. Aliquam bibendum, mi et faucibus scelerisque, lorem augue porta arcu, sed imperdiet justo leo eget arcu. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi purus erat, dignissim eu, laoreet cursus, semper a, libero.</p>
<p>Maecenas ut pede vel ipsum cursus mollis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis sit amet odio eget urna blandit pellentesque. Ut interdum mi a est. Donec vestibulum massa vel nulla. Quisque eu mauris vitae orci mattis adipiscing. Sed eget urna. Mauris sit amet pede. Suspendisse eu tortor laoreet magna egestas faucibus. Duis vitae justo. Aenean ultricies. Mauris cursus.</p>
</div>
<div id="footer">
<p>© Name | Design by <a href="http://writeside.net">Payal Dhar</a> | <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | I support OpenDesigns.org</p>
</div>
</div>
</body>
</html>
Related examples in the same category