plantshop
<!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" xml:lang="en" lang="en">
<head>
<title>Plant Shop</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<style type='text/css'>
* {margin:0;padding:0;}
body {margin:0px auto; font:76% Verdana,tahoma,sans-serif #333; background:#FFF url("plantshop-img/bg.png") repeat-x;}
h1 {margin:0px 0 4px 0px; padding:4px 0 6px 140px; font-family:Georgia, "Times New Roman", Times, serif; font-size:3.8em; color:#54302C; background:url("plantshop-img/logo.png") bottom right no-repeat;}
h2 {margin:8px 0 0 300px; font-size:1em; color:#333; text-align:right; border-bottom:1px solid #CCCCCC;}
a, a:link {color:#48310F; text-decoration:none; border-bottom:1px dotted #000;}
a:hover {color:#915803; border-bottom:1px solid #915803;}
ul li { color:#d2b283; padding:.25em 0; list-style-type:square; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}
#wrapper {margin:0em auto; width:990px;}
#header {height:440px; background:url("plantshop-img/joey04.png") top left no-repeat;}
#header #hleft, #hright {font-size:0.8em; color:#666; margin:20px 0 0 340px; padding:20px; width:260px; float:left; text-align:left;}
#header #hright {margin-left:20px; background-color:#EFEFEF; color:#333; border:1px solid #DDD;}
#footer {width:100%; height:600px; background:#48310F;}
#fwrapper {display:block; width:990px; margin:0 auto;}
#fwrapper a, #fwrapper a:link {color:#FFCC99;}
#fleft, #fcenter, #fright {float:left; color:#F2EDE6; width:286px; font-size:0.75em; float:left; padding:20px 12px 20px 28px;}
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>Joey's Plant Shoppe</h1>
<h2>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus lacinia pharetra leo. Phasellus nisl risus, consectetuer nec, feugiat et, scelerisque vitae, libero.</h2>
<div id="hleft">
<p><strong><a href="http://www.free-css.com/">Free CSS/XHTML Template</a></strong> by <a href="http://www.flyingthumbs.com">Flying Thumbs Web Design</a>. The template is free to use, a link back to www.flyingthumbs.com is appreciated but not necessary. Consectetuer adipiscing elit. Praesent sit amet urna. <a href="http://www.free-css.com/">Aliquam porta</a> tristique tellus. Sed rhoncus tempus nulla. <a href="http://www.free-css.com/">Pellentesque habitant</a> morbi tristique senectus et netus et malesuada fames ac turpis egestas. <a href="http://www.free-css.com/">Cras consectetuer felis</a> a eros. Curabitur tempor. Maecenas dictum laoreet lorem.</p>
</div>
<div id="hright"><strong>Praesent sit amet urna.</strong> Aliquam porta tristique tellus. Sed rhoncus tempus nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada <a href="http://www.free-css.com/">fames ac turpis egestas</a>. Cras consectetuer felis a eros. Curabitur tempor. Donec pulvinar pellentesque ligula. <a href="http://www.free-css.com/">Morbi nulla lacus</a>, porta eu, congue ac, dapibus dignissim, est. Nullam dignissim risus nec enim. Vestibulum vulputate sem ac mauris. <a href="http://www.free-css.com/">Praesent eget turpis</a> vitae velit molestie venenatis. Sed eleifend velit at leo. </div>
</div>
</div>
<div id="footer">
<div id="fwrapper">
<div id="fleft">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vivamus vitae dui eu augue volutpat fringilla. Suspendisse accumsan ante. Donec semper ante. Mauris at nunc. Suspendisse vulputate elementum ipsum. Nulla facilisi. Pellentesque sapien mi, dapibus id, vulputate sed, imperdiet nec, sem. Nullam luctus mauris nec erat. Donec justo orci, elementum quis, dapibus et, auctor sit amet, metus. Ut egestas viverra sem. Aenean tempor quam non lectus. Quisque blandit dui sit amet leo. Mauris congue urna a nibh.</div>
<div id="fcenter">Fusce lacus. <a href="http://www.free-css.com/">Praesent eget tortor.</a> Vivamus nec diam. Nunc ultrices neque. Nam metus. Nullam imperdiet vestibulum nunc. Fusce aliquet posuere nulla. Praesent purus metus, euismod vitae, lobortis quis, aliquam in, pede. Quisque blandit, libero eu fermentum venenatis, augue justo congue mauris, ac rhoncus mi justo in leo. Vivamus rutrum fringilla libero. Aenean ac eros. Cras consectetuer pede at nunc. Nulla facilisi. Integer justo purus, gravida ut, gravida et, tincidunt eu, nulla. Vestibulum posuere auctor urna. Aliquam erat volutpat. Donec mattis eros eget nibh vehicula convallis. Maecenas et lorem at felis feugiat commodo. Vivamus risus urna, iaculis ut, nonummy dapibus, tincidunt vehicula, lorem. Nullam orci neque, gravida in, tempus sit amet, tempus id, eros.</div>
<div id="fright">
<ul>
<li>In rutrum ornare turpis.</li>
<li>Nam in tellus.</li>
<li>Pellentesque erat sem, <a href="http://www.free-css.com/">euismod eu</a>, consectetuer in, faucibus sit amet, lorem.</li>
<li>Nulla malesuada, odio at tincidunt iaculis, nisi turpis consequat nunc, in aliquam diam eros vel felis.</li>
<li>Sed posuere.</li>
<li>Suspendisse vitae magna ut metus sollicitudin sodales.</li>
<li>Fusce vitae enim at elit bibendum auctor.</li>
</ul>
</div>
</div>
</div>
</body>
</html>
Related examples in the same category